uniapp 通用下载文件方法并可以重命名文件

最新推荐文章于 2025-03-29 15:22:58 发布

快乐的想念17

最新推荐文章于 2025-03-29 15:22:58 发布

阅读量2.7k

点赞数

文章标签： uni-app 前端 javascript

本文链接：https://blog.csdn.net/weixin_42178050/article/details/129693843

版权

该代码段展示了在uni-app中如何下载一个文件并将其保存到本地，然后打开文件。当下载成功（statusCode为200）时，会提示用户文件已保存，并使用uni.openDocument打开文件，支持转发到微信。如果下载失败，则显示错误信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const	downloadPublic = (attachLink,fileType) => {
	let that = this
	let filePath = uni.env.USER_DATA_PATH+'/'+ decodeURIComponent(getFileNameByPath(attachLink))
	uni.downloadFile({
		url: attachLink , //下载地址，后端接口获取的链接
		success: (res) => {
			if (res.statusCode === 200) {
				uni.getFileSystemManager().saveFile({ //文件保存到本地
					tempFilePath: res.tempFilePath, //临时路径  data.tempFilePath
					filePath:filePath,
					success: function(res) {
						uni.showToast({
							icon: 'none',
							mask: true,
							title: '文件已保存!', 
							duration: 3000,
						});
						uni.openDocument({
							fileType: fileType,
							showMenu:true, //关键点,可以转发到微信
							filePath: res.savedFilePath,
							success: function(res) {
								console.log('打开文档成功');
							}
						});
					}
				});
			}
		},
		fail: (err) => {
			console.log(err);
			uni.showToast({
				icon: 'none',
				mask: true,
				title: '失败请重新下载',
			});
		},
	});

}