uniapp 下载图片并保存到手机的相册中

  • Post author:
  • Post category:uniapp


使用unaipp开发的微信小程序中,下载图片并保存到手机的相册中。

创建公共方法文件 common.js,相关api可以自行查阅微信开发文档了解,参照代码如下:

let baseUrl = 'https://tese.com';
const getUpLoadFile = async function (fileId) {
	uni.downloadFile({
		url: baseUrl + '/test/free/file/downOSS/' + fileId, //下载地址接口,注意:这里的图片的下载链接可直接在浏览器打开下载的
		success: (data) => {
			if (data.statusCode === 200) {
				uni.saveImageToPhotosAlbum({
					filePath: data.tempFilePath,
					success:()=> {
						//提示保存成功
						uni.showToast({
							mask: true,
							title: '保存成功',
							duration: 3000,
						})
					},
					fail:(res)=>{
					  //失败关闭提示信息!!!
					  uni.showToast({
					  	icon: 'none',
					  	title: '下载失败',
					  	duration: 3000,
					  })
					  console.log("下载失败",res);
					},
					complete: function() {
					  //隐藏提示
					  uni.hideLoading();
					}
				})
			}
		},
		fail: (err) => {
			console.log(err,'err')
			uni.showToast({
				icon: 'none',
				mask: true,
				title: '失败请重新下载',
			});
		},
	});
}

// 挂载在Vue
export default{
	getUpLoadFile,
}



版权声明:本文为cc6_66原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。