uni-app:使用uni.downloadFile下载文件并保存到手机

最新推荐文章于 2025-02-10 15:31:16 发布

流丶年丶

最新推荐文章于 2025-02-10 15:31:16 发布

阅读量1.7w

点赞数 3

分类专栏： Vue 文章标签： websocket 物联网 es6

本文链接：https://blog.youkuaiyun.com/sxmfendou/article/details/121635587

版权

Vue 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了在uni-app跨平台开发框架中如何下载并保存文件。首先通过 uni.downloadFile 获取文件的临时路径，然后使用 uni.saveFile 将临时文件保存至本地，最后通过 uni.openDocument 打开已保存的文件，确保下载过程完整且成功。

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

在uni-app中下载文件需要先获取文件的临时路径，然后再进行保存，才算下载成功：

// #ifdef APP-PLUS
				const downloadTask = uni.downloadFile({
						url: 'http://xxxxxxxx.com.cn/'+url, //仅为示例，并非真实的资源
							success: (res) => {
								if (res.statusCode === 200) {
									console.log('下载成功');
								}
								let that = this;
								uni.saveFile({
									tempFilePath: res.tempFilePath,
										success: function(red) {
											uni.openDocument({
												filePath:red.savedFilePath,
												success: (sus) => {
													console.log('成功打开')
												}
											})
											console.log(red)
										}
									});
								}
							})
							downloadTask.onProgressUpdate((res) => {
								console.log('下载进度' + res.progress);
								console.log('已经下载的数据长度' + res.totalBytesWritten);
								console.log('预期需要下载的数据总长度' + res.totalBytesExpectedToWrite);
						})
				//#endif