【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-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端运行哦~~

  • 9
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值