前端uniapp下载保存到手机相册，注意：下载图片路径必须是接口返回

html

<view class="down-image"@click="getCodeDownImg">
		<image src="/static/index/index-drop-down.png" mode="aspectFill">image>
view>
1
2
3

JS

data(){
//必须是接口返回的路径，才可以保存到手机相册
		return{
qrCodeLink:'https://vtlte.yunjingwl.com/uploads/20231026/51212810b51191d44a641031b560333b.png'
		}
	},
	methods: {
// 下载二维码
		getCodeDownImg(){
			let self = this;
			uni.showLoading({
				title: '加载中'
			});
			uni.downloadFile({
				url: self.qrCodeLink,//必须是接口返回的路径，才可以保存到手机相册
				success(res) {
					console.log(res,'res下载返回图片路径');
					uni.hideLoading();
					// 图片保存到本地
					uni.saveImageToPhotosAlbum({
						filePath: res.tempFilePath,
						success(data) {
							uni.showToast({
								title: '保存成功',
								icon: 'success',
								duration: 2000
							});
						},
						fail(err) {
							console.log(err.errMsg);
							if (err.errMsg === 'saveImageToPhotosAlbum:fail auth deny') {
								uni.showToast({
									title: '请允许访问相册后重试',
									icon: 'none',
									duration: 1000
								});
								setTimeout(() => {
									uni.openSetting();
								}, 1000);
							}
						},
						complete(res) {
							console.log('complete');
						}
					});
				}
			});
		},
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

最后

感觉文章好的话记得点个心心和关注和收藏，有错的地方麻烦指正一下，如果需要转载,请标明出处，多谢！！！