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://www.uudwc.com/A/AAX1E/

原文地址:https://blog.csdn.net/m0_56976483/article/details/132709467

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

h
上一篇 2023年10月02日 05:08
windows 搭建 PHP以及扩展swoole的运行环境(Cygwin模拟Linux环境)
下一篇 2023年10月02日 07:38