uniapp：h5和微信小程序文件下载方式

一、h5浏览器端下载方式，直接使用a标签

download属性指定下载文件的文件名，也可以不加

注意：记得一定要加ifdef注释，不然其他端也会显示a标签

<!-- #ifdef H5 -->
<a :href="'/static/files/' + item.name" class="download-h5" :download="item.name">
	下载
</a>
<!-- #endif -->

二、微信小程序下载方式，通过uniapp的downloadFile和wx小程序的saveFile保存文件

wx保存文件的api只是临时保存图片文件，可以通过微信小程序开发工具查看

注意：uni.saveFile无法使用，已经被废弃，需要使用wx.getFileSystemManager().saveFile()

在这里，tempFilePath是下载后的临时文件路径，savedFilePath是微信小程序保存后的临时路径

downloadFile(name) {
        // #ifdef MP-WEIXIN
		uni.downloadFile({
			url: 'https://pic.616pic.com/ys_bnew_img/00/22/59/NgILD47SjG.jpg',
			success: function (res) {
				wx.getFileSystemManager().saveFile({
					tempFilePath: res.tempFilePath,
					success: function (res) {
						uni.showToast({
							icon: 'none',
							mask: true,
							title: '文件已下载'
						});
						// 保存的临时路径
						var filePath = res.savedFilePath;
						console.log(filePath);
					}
				});
			}
		});
        // #endif
}

文章来源地址https://uudwc.com/A/AAX1E