uniapp h5页面在微信浏览器中如何下载文件兼容安卓ios

h5小白给大佬递阔乐

已于 2023-08-15 10:43:45 修改

阅读量2.8k

点赞数 3

文章标签： uni-app 微信

于 2023-04-19 15:14:59 首次发布

本文链接：https://blog.csdn.net/weixin_45070803/article/details/130244738

版权

uniapp开发的移动端页面在ios中可以正常使用uni.downloadFile获取临时地址然后用a标签下载（很抱歉造成困扰，微信浏览器不能下载文件保存到本地，可查看转发用其他软件打开操作），安卓在微信浏览器不行。

uni.downloadFile({
					method: 'GET',
					url: this.working_template,
					header: {},
					success: (res) => {
						if (res.statusCode === 200) {
							if (uni.getSystemInfoSync().platform === 'android') {
								var oA = document.createElement("a");
								oA.download = '111'; // 设置下载的文件名
								oA.href = this.working_template; //直接把后台返回的链接放进去下载
								document.body.appendChild(oA);
								oA.click();
								oA.remove();
							} else {
								var oA = document.createElement("a");
								oA.download = '破文件'; // 设置下载的文件名
								oA.href = res.tempFilePath; //临时路径再保存到本地
								document.body.appendChild(oA);
								oA.click();
								oA.remove();
							}
						}
					},
					fail: (err) => {
						uni.showToast({
							icon: 'none',
							mask: true,
							title: '失败请重新下载',
						});
					}
				})