uniapp 下载文件到手机

最新推荐文章于 2024-08-16 18:30:50 发布

郭辰羽

最新推荐文章于 2024-08-16 18:30:50 发布

阅读量901

点赞数

分类专栏：笔记文章标签： uni-app 前端 javascript

本文链接：https://blog.csdn.net/qq_49552046/article/details/134313851

版权

笔记专栏收录该内容

15 篇文章 0 订阅

订阅专栏

文章讲述了在H5环境中，如何利用uni-app的API下载后端传递的文件，包括处理下载过程中的加载提示、文件名修改以及使用uni.openDocument打开文件的步骤。如果文件类型不支持，会给出相应的提示。

摘要由CSDN通过智能技术生成

下载后端传递过来的文件

let thil = this
uni.showLoading({
	title: '下载中',
	mask:true
})
uni.downloadFile({
	url: '接口地址', //仅为示例，并非真实的资源
	header: {
		"Authorization": 'token'
	},
	responseType: 'blob',
	success: (res) => {
		if (res.statusCode === 200) {
			uni.hideLoading();
			//更改文件名称
			// 拿到临时文件的绝对路径
			let filepathss = plus.io.convertLocalFileSystemURL(res.tempFilePath);
			// 通过这个路径来拿到他
			plus.io.resolveLocalFileSystemURL(filepathss, function(entry) {
				const tempFileName = entry.name;
				entry.getParent(function(parentDicEntry) {
					entry.moveTo({
						fullPath: parentDicEntry.fullPath + '/'
					}, `${thil.$u.guid(20)}.zip`, function(newFile) {
						uni.openDocument({
							fileType: 'zip',
							filePath: newFile.fullPath,
							success: function(res2) {

							},
							fail: function(err) {
								if (err.errCode == 1 || err
									.code == 1) {
									uni.showToast({
										title: `未找到能打开xlsx类型文件的手机应用`,
										icon: 'none'
									})
								}
							}
						});
					}, function(moveError) {
						uni.showToast({
							title: `已在第三方应用中打开过，请在第三方应用查看时保存`,
							icon: 'none'
						})
					})
				})
			})
		} else {
			uni.hideLoading();
		}
	}
});