微信小程序保存图片功能

最新推荐文章于 2025-01-16 16:10:12 发布

Pumpkin_xiaoXuan

最新推荐文章于 2025-01-16 16:10:12 发布

阅读量555

点赞数

CC 4.0 BY-SA版权

文章标签：微信小程序 vue.js webview

本文链接：https://blog.csdn.net/Pumpkin_xiaoXuan/article/details/123151404

该博客内容涉及小程序中用户授权的处理流程，特别是在用户拒绝授权保存相册时的提示和重新设置。当用户授权成功，代码会调用`saveImg`方法将图片保存到相册，若授权失败则弹窗提示用户开启权限。`saveImg`方法内部实现了图片的本地保存，并显示保存结果的提示。

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

uni.authorize({
					scope: "scope.writePhotosAlbum",
					success: (success) => {
						// 保存图片到本地
						this.saveImg()
					},
					fail: (fail) => {
						uni.getSetting({
						  success: (setting) => {
						    // 不允许保存
						    if (setting.authSetting["scope.writePhotosAlbum"] == false) {
						      wx.showModal({
						        title: "温馨提示",
						        content: "请允许小程序保存相册或视频",
						        success: (res) => {
						          if (res.confirm) {
						            wx.openSetting();
						          }
						        },
						      });
						    } else {
						      // 保存图片到本地
						      this.saveImg();
						    }
						  },
						});
					}
				})




// 保存图片方法
saveImg() {
				console.log('this.codeImage', this.codeImage);
				uni.saveImageToPhotosAlbum({
				  filePath: this.codeImage,
				  success: () => {
				    uni.showToast({
				      title: "图片保存成功",
				      icon: "success",
				    });
				  },
				  fail: (fail) => {
						console.log('fail', fail);
				    uni.showToast({
				      title: "图片未保存",
				      icon: "none",
				    });
				  },
				});
			},

微信小程序 保存图片功能

微信小程序保存图片功能