uniapp,实现下载文件(uni.downloadFile),并保存到本地(uni.saveFile),打开文件预览(uni.openDocument)
<!-- #ifdef APP-PLUS --> <u-button class="btn" @click="Download">下载签订合同</u-button> <!-- #endif --> <!-- #ifdef H5 --> <a href="http://192.168.0.200:8058/files/200200711.doc" class="btn">下载签订合同</a> <!-- #endif -->
//签订合同下载
Download() {
uni.downloadFile({
url: 'http://192.168.0.200:8058/files/200200711.doc',//下载地址接口返回
success: (data) => {
if (data.statusCode === 200) {
//文件保存到本地
uni.saveFile({
tempFilePath: data.tempFilePath, //临时路径
success: function(res) {
uni.showToast({
icon: 'none',
mask: true,
title: '文件已保存:' + res.savedFilePath, //保存路径
duration: 3000,
});
setTimeout(() => {
//打开文档查看
uni.openDocument({
filePath: res.savedFilePath,
success: function(res) {
// console.log('打开文档成功');
}
});
}, 3000)
}
});
}
},
fail: (err) => {
console.log(err);
uni.showToast({
icon: 'none',
mask: true,
title: '失败请重新下载',
});
},
});
},
分类:
uniapp
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
2020-08-10 【Vue】判断设备是移动端还是pc端
2020-08-10 移动端通用样式
2020-08-10 简单的利用JS来判断页面是在手机端还是在PC端打开的方法