微信小程序文件下载功能
2018-07-28 本文已影响1327人
Wihend
微信小程序简单的下载，点击下载之后出现加载动画，随后自动打开下载的文件，在微信小程序中下载的文件想要分享的话需要使用QQ浏览器操作
微信小程序下载
load: function () {
this.setData({
loadingHidden: false
})
let _that = this;
wx.downloadFile({
url: 'https://lg-332ncmjq-1256907309.cos.ap-shanghai.myqcloud.com/stepking/a.xlsx',
success: function (res) {
var filePath = res.tempFilePath;
console.log(res)
//页面显示加载动画
wx.openDocument({
filePath: filePath,
success: function (res) {
_that.setData({
loadingHidden: true
})
console.log('打开文档成功')
}
})
}
})
}
以上是js代码
wxml代码只要 在你的按钮上写上bindtap="load"
然后在最后方（只是为了方便编写，不用用view包括，单起一层即可）
<loading hidden="{{ loadingHidden }}">
加载中...
</loading>
就可以了
