//HTML
//做两个按钮,一个是判断是否授权,另一个是去设置里面打开授权
<div class="Small_imgBor" style="top:260px" v-if="saveAlbumImgOne" @click="saveAlbum">保存至相册</div>
<div class="Small_imgBor" style="top:260px" v-if="saveAlbumImgTow"@click="takeopen">保存至相册</div>
data{
saveAlbumImgOne: true,
saveAlbumImgTow: false,
},
//JS
//按钮一号保存图片
saveAlbum() {
let that = this;
// 相册授权
wx.getSetting({
success(res) {
// 进行授权检测,未授权则进行弹层授权
if (!res.authSetting["scope.writePhotosAlbum"]) {
wx.authorize({
scope: "scope.writePhotosAlbum",
success() {
that.getCanvasImg();
},
// 拒绝授权时,则进入手机设置页面,可进行授权设置
fail() {
that.saveAlbumImgTow = true;
that.saveAlbumImgOne = false;
}
});
} else {
// 已授权则直接进行保存图片
that.getCanvasImg();
}
},
fail(res) {
console.log(res);
}
});
},
//按钮二号去到设置里面打开授权
takeopen() {
let that = this;
wx.openSetting({
success: function(data) {
console.log("openSetting success");
that.getCanvasImg();
that.saveAlbumImgTow = false;
that.saveAlbumImgOne = true;
},
fail: function(data) {
console.log("openSetting fail", data);
}
});
},
微信小程序拒绝相册授权后再调用授权
最新推荐文章于 2024-06-12 18:52:20 发布