⼩程序实现打开并下载服务器上⾯的pdf⽂件到⼿机谈⼀谈ios的bug:
关于ios系统的bug这块也是快把柚⼦给逼疯了啊，ios系统是没有⽂件管理的，柚⼦⽤了很多办法，最后终于确定不管⽤什么办法ios都是实现不了下载的，只能实现在线查看。所以没办法，如果不考虑兼容ios的话，是很简单就能解决的，但是我想没有哪⼀个⼩程序会不让你兼容ios的吧！
先看⼀下不兼容ios系统的下载柚⼦是怎么实现的吧：
⾸先我们需要在页⾯⾥写⼊⼀个按钮，⽤来触发pdf的打开和下载，写上点击事件
//查看并下载
See_download() {
wx.downloadFile({//下载
url: url,//服务器上的pdf地址
filePath: wx.env.USER_DATA_PATH + '/test.pdf',//⾃定义⽂件地址
success: function (res) {
var filePath = res.filePath
wx.openDocument({//打开
filePath: filePath,
success: function (res) {}
})
}
})
安卓下载
}
OK，执⾏完成后就已经下载了，并且也已经打开了，但是柚⼦刚刚就说了，ios是不⽀持下载的，也就是说ios可以正常打开，但是不能下载，就是这样，另外安卓的是下载了，但是不太好，他的存放⽬录是：⽂件管
理/Tencent/MicroMsg/wxanewfiles/⼀个名字很长的⽂件夹/test.pdf
好了，这就是不兼容ios下载的⽅法，但是遇到问题了总要想办法解决的啊，最后实在没办法了，只能稍微改⼀下需求，改成了转发，反正下载下来也是要发给别⼈看的嘛，还不如直接点击按钮实现转发给好友了呢
但是⼩程序的转发是只能转发页⾯的，所以柚⼦就新建了⼀个专门存放pdf⽂件的页⾯，我们默⼈打开这个页⾯就⾃动打开pdf也是⼀样的效果：下⾯是实现思路，仅供参考：
1、⾸先需要⼀个转发按钮，要获取的通讯录的话，按钮中需要加⼊open-type="share"这个属性的
<button type="primary" size="mini" open-type="share" > 转发 </button>
2、有了转发按钮我们直接在页⾯中写⽅法即可：
onShareAppMessage: function (res) {
return {
title: '转发的标题',
path: '/pages/pdf/pdf?url=' + this.data.url,//这个url是要带到转发的那个页⾯的
imageUrl: '/static/images/pdf.png', //图⽚可以是本地图⽚
}
},
//注：此⽅法是不⽤点击事件触发的，只要有open-type="share"就会触发，还有就是此⽅法是不能异步获取参数的，所有要带到转发页⾯的参数都要在转发之前获取到
3、下⾯就是转发的页⾯中的内容了，要在打开这个页⾯的时候就进⼊pdf⽂件，为了页⾯的美观，柚⼦⼜做了⼀些优化，不需要的可以忽略，下⾯是代码：
<view>
<view class="btn_box" wx:if="{{show_btn}}">
<button type="primary" bindtap="home">返回⾸页</button>
<navigator class="back" open-type="exit" target="miniProgram">关闭⼩程序</navigator> </view>
</view>
/* pages/pdf/pdf.wxss */
.btn_box{
width: 100%;
box-sizing: border-box;
padding: 30rpx 5%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
margin-top: -50rpx;
}
button{
margin-top: 50rpx;
height: 100rpx;
line-height: 100rpx;
}
.back{
width: 100%;
margin-top: 50rpx;
height: 100rpx;
line-height: 100rpx;
color: #FFF;
background-color: #E64340;
box-sizing: border-box;
font-size: 18px;
text-align: center;
border-radius: 10rpx;
}
// pages/pdf/pdf.js
Page({
/**
* 页⾯的初始数据
*/
data: {
check:0,
url:'',
show_btn:false,
},
/**
* ⽣命周期函数--监听页⾯加载
*/
onLoad: function (options) {
this.setData({
url: options.url
})
},
// 返回⾸页
home(){
url: '/pages/index/index'
})
},
/**
* ⽣命周期函数--监听页⾯显⽰
*/
onShow: function () {
var that = this
wx.showLoading({
title: '加载中...',
})
if(this.data.check == 0){
this.setData({
check:1
})
wx.downloadFile({
url: that.data.url,
filePath: wx.env.USER_DATA_PATH + '/' + that.data.name,
success: function (res) {
var filePath = res.filePath
wx.openDocument({
filePath: filePath,
success: function (res) {
wx.hideLoading();
}
})
}
})
}else{
wx.hideLoading();
this.setData({
show_btn:true
})
}
},
})
好了就是这些了，如果还有不懂的朋友欢迎咨询，另外如果有更好的办法，或者是⽀持ios下载pdf的⽂件的，或者转发pdf的更好的⽅法也希望能告诉柚⼦⼀下，柚⼦感激不尽！
总结
以上所述是⼩编给⼤家介绍的⼩程序实现打开并下载服务器上⾯的pdf⽂件到⼿机，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！
如果你觉得本⽂对你有帮助，欢迎转载，烦请注明出处，谢谢！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。