vue H5、uniapp小程序的文件下载

原创已于 2022-09-02 14:43:14 修改 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #小程序 #前端

于 2022-05-24 15:35:17 首次发布

uniapp 同时被 2 个专栏收录

15 篇文章

订阅专栏

vue

11 篇文章

订阅专栏

本文介绍了如何在微信小程序中使用H5获取下载链接后，通过`wx.openDocument`实现文件临时路径的打开和另存，重点强调了文件路径的特殊性和处理方式。

H5

获取到下载链接直接用window.open(url, “_self”)打开

uniapp 小程序

wx.downloadFile({
url:url,//下载文件在服务器上的地址
success: function(res){
console.log(res)
if (res.statusCode === 200) {
// 通过内置文档对象打开文档，便于另存为
wx.openDocument({
filePath: res.tempFilePath,
showMenu:true,//浏览页面右上角多了个更多按钮，里面有保存文件
fileType:‘docx,//必写
showMenu: true ,// 关键，这里开启预览页面的右上角菜单，才能另存为
})
}else{
console.log(res)
}
}
})
注意点:
1.小程序下载的文件是临时路径，需要通过打开的二次软件，进行存储