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

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

uniapp:h5和微信小程序文件下载方式_第1张图片

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

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



	下载

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

uniapp:h5和微信小程序文件下载方式_第2张图片

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
}

你可能感兴趣的:(uni-app)