uni-app移动端保存图片到本地相册

最新推荐文章于 2025-06-24 22:21:48 发布

原创最新推荐文章于 2025-06-24 22:21:48 发布 · 2.8w 阅读

34 ·

CC 4.0 BY-SA版权

文章标签：

#unni-app #uni-app保存图片

uni-app 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用uni-app的uni.downloadFile和uni.saveImageToPhotosAlbum接口组合实现将远程图片下载并保存到手机相册的功能。

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

uni-app移动端保存图片到本地相册

uni-app中有一个接口：uni.saveImageToPhotosAlbum，但是之前使用的时候，真机测试没有问题，但是打了安装包就保存失败，走的是fail回调。
捉摸了两天，后来又看到一个接口：uni.downloadFile，这个也可以把图片下载下来，但是没有在系统相册里面看到，是在一个忘记路径的麻烦的文件夹里面。
然后又在想，uni.downloadFile在成功回调里面会返回 tempFilePath，一个临时文件路径，在成功的回调函数调用 uni.saveImageToPhotosAlbum，uni.saveImageToPhotosAlbum，所需要的路径参数使用 tempFilePath 即可。

uni.downloadFile({
		url: 'https://www.fb0b1a26523c33400f66f.jpg',
		success: (res) =>{
			if (res.statusCode === 200){
				uni.saveImageToPhotosAlbum({
					filePath: res.tempFilePath,
					success: function() {
						uni.showToast({
							title: "保存成功",
							icon: "none"
						});
					},
					fail: function() {
						uni.showToast({
							title: "保存失败，请稍后重试",
							icon: "none"
						});
					}
				});
			}
		}
	})