【uniapp app端下载文件到本地,支持doc、docx、txt、xlsx等类型的文件】
2024-01-02 18:04:57
uniapp下载文件
用到了uniapp的三个api
uni.downloadFile // 下载文件资源到本地,客户端直接发起一个 HTTP GET 请求,返回文件的本地临时路径。
uni.saveFile // 保存文件到本地。
uni.openDocument // 新开页面打开文档,支持格式:doc, xls, ppt, pdf, docx, xlsx, pptx。
html部分
<button @click="oneClickDownload(item.url)">下载文件</button>
js部分
// 下载文件
oneClickDownload(url) {
// 下载文件资源到本地
uni.downloadFile({
url: url, // 后端返回的线上文件路径
success: function(res) {
if (res.statusCode === 200) {
// 文件到本地
uni.saveFile({
tempFilePath: res.tempFilePath, //临时路径
success: function(data) {
var savedFilePath = data.savedFilePath
// 在app端执行
// #ifdef APP-PLUS
let osname = plus.os.name
// 如果是安卓的话弹出提示
if (osname == 'Android') {
uni.showToast({
icon: 'none',
mask: true,
title: '保存成功',
duration: 1000
})
}
// #endif
//ios手机直接打开文件,手动存储文件到手机,Android手机从根目录创建文件夹,保存文件并改名
setTimeout(() => {
//打开文档查看
uni.openDocument({
filePath: data.savedFilePath,
success: function(ress) {
console.log("成功打开文件")
},
fail() {
console.log("打开文件失败")
}
})
}, 1000)
}
})
console.log('下载成功');
}
},
fail: function(res) {
console.log(res.errMsg);
},
complete: function(res) {
console.log(res.statusCode);
},
progress: function(res) {
console.log('下载进度' + res.progress);
}
});
}
第一次写下载文件,有问题欢迎指正 ~
我的本地运行成功了,这个代码需要在app端运行哦~~
文章来源:https://blog.csdn.net/Dream_Fever/article/details/135291987
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!