E企盈营销工具技术服务商 热线:4006-838-530

微信小程序保存图片到相册功能实现

E企盈直播平台营销卖货系统

项目中有个保存二维码到相册的功能,所以涉及到用户是否授权相册权限的问题。废话不多说,直接上干货…功能逻辑:先检查用户请求过的权限中是否允许”保存到相册”权限,如果没有请求过这个权限,应该向用户发起授权请求(弹窗授权),如果请求过这个权限并且授权了,那就保存图片,显示保存成功;如果请求过且拒绝授权,就跳到设置页,让用户重新授权。上代码:// wxml文件<view bindtap=’save’>保存图片到相册</view>// js文件//点击保存图片  save () {    let that = this    //若二维码未加载完毕,加个动画提高用户体验    wx.showToast({      icon: ‘loading’,      title: ‘正在保存图片’,      duration: 1000    })    //判断用户是否授权”保存到相册”    wx.getSetting({      success (res) {        //没有权限,发起授权        if (!res.authSetting[‘scope.writePhotosAlbum’]) {          wx.authorize({            scope: ‘scope.writePhotosAlbum’,            success () {//用户允许授权,保存图片到相册              that.savePhoto();            },            fail () {//用户点击拒绝授权,跳转到设置页,引导用户授权              wx.openSetting({                success () {                  wx.authorize({                    scope: ‘scope.writePhotosAlbum’,                    success() {                      that.savePhoto();                    }                  })                }              })            }          })        } else {//用户已授权,保存到相册          that.savePhoto()        }      }    })  },//下载图片地址并保存到相册,提示保存成功  savePhoto() {    let that = this    wx.downloadFile({      url: that.data.imgUrl,      success: function (res) {        wx.saveImageToPhotosAlbum({          filePath: res.tempFilePath,          success(res) {            wx.showToast({              title: ‘保存成功’,              icon: “success”,              duration: 1000            })          }        })      }    })  }注:如果你不点击”保存到相册”的时候去看设置页,是没有”保存到相册”的开关的,只有点过了保存到相册,请求过这个弹窗授权后,设置页才会有”保存到相册”的开关兄弟姐妹们,如果有帮助,别忘了给个好评哟

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序保存图片到相册功能实现
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏