当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 小程序保存图片到相册功能实现

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

2018年11月29日  | 移动技术网IT编程  | 我要评论

　　项目中有个保存二维码到相册的功能，所以涉及到用户是否授权相册权限的问题。废话不多说，直接上干货...

 　　功能逻辑：

　　　　先检查用户请求过的权限中是否允许"保存到相册"权限,如果没有请求过这个权限,应该向用户发起授权请求（弹窗授权）,如果请求过这个权限，并且授权了，那就保存图片,显示保存成功;如果请求过,但是是拒绝的,就跳到设置页,重新授权。

　　上代码：

<view bindtap='save'>保存图片到相册</view>
//点击保存图片
  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
            })
          }
        })
      }
    })
  }

　注：如果你不点击"保存到相册"的时候去看设置页，是没有"保存到相册"的开关的，只有点过了保存到相册，请求过这个弹窗授权后，设置页才会有"保存到相册"的开关

 

　兄弟姐妹们，如果有帮助，别忘了给个好评哟

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网