uni-app保存到相册

╰+哭是因爲堅強的太久メ 2022-10-04 13:56 331阅读 0赞

首先要获取收集相册得访问权限。没有打开要提示去打开。

如果打开了权限将图片保存到用的手机上

>     savePoster() {
>     	uni.getSetting({ //获取用户的当前设置
>     		success: (res) => {
>     			if (res.authSetting['scope.writePhotosAlbum']) { //验证用户是否授权可以访问相册
>     				this.saveImageToPhotosAlbum();
>     			} else {
>     				uni.authorize({ //如果没有授权，向用户发起请求
>     					scope: 'scope.writePhotosAlbum',
>     					success: () => {
>     						this.saveImageToPhotosAlbum();
>     					},
>     					fail: () => {
>     						uni.showToast({
>     							title: "请打开保存相册权限，再点击保存相册分享",
>     							icon: "none",
>     							duration: 3000
>     						});
>     						setTimeout(() => {
>     							uni.openSetting({ //调起客户端小程序设置界面,让用户开启访问相册
>     								success: (res2) => {
>     									// console.log(res2.authSetting)
>     								}
>     							});
>     						}, 3000);
>     					}
>     				})
>     			}
>     		}
>     	})
>     },

>     saveImageToPhotosAlbum() {
>     	let base64 = this.src2.replace(/^data:image\/\w+;base64,/, ""); //去掉data:image/png;base64,
>     	let filePath = wx.env.USER_DATA_PATH + '/ph_fit_qrcode.png';
>     	uni.showLoading({
>     		title: '加载中',
>     		mask: true
>     	})
>     	uni.getFileSystemManager().writeFile({
>     		filePath: filePath, //创建一个临时文件名
>     		data: base64, //写入的文本或二进制数据
>     		encoding: 'base64', //写入当前文件的字符编码
>     		success: res => {
>     			uni.saveImageToPhotosAlbum({
>     				filePath: filePath,
>     				success: function(res2) {
>     					uni.hideLoading();
>     					uni.showToast({
>     						title: '保存成功，请从相册选择再分享',
>     						icon: "none",
>     						duration: 5000
>     					})
>     				},
>     				fail: function(err) {
>     					uni.hideLoading();
>     					// console.log(err.errMsg);
>     				}
>     			})
>     		},
>     		fail: err => {
>     			uni.hideLoading();
>     			//console.log(err)
>     		}
>     	})
>     },