【uniapp app端下载文件到本地,支持doc、docx、txt、xlsx等类型的文件】
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-PLUSlet 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端运行哦~~