微信小程序点击按钮将图片保存到手机

时间:2024-02-29 21:59:48
 SaveCard: function(e) {
    let that = this;
    console.log(\'保存\');
    var imgSrc = e.currentTarget.dataset.img;
    //获取相册授权
    wx.getSetting({
      success(res) {
        if (!res.authSetting[\'scope.writePhotosAlbum\']) {
          wx.authorize({
            scope: \'scope.writePhotosAlbum\',
            success() {
              console.log(\'授权成功\');
              that.img(imgSrc)
            }
          })
        }else{
          that.img(imgSrc)
        }
      }
    })
  },
img: function (imgSrc){
    var imgSrc = imgSrc;
    wx.downloadFile({
      url: imgSrc,
      success: function (res) {
        console.log(res); //图片保存到本地
        wx.saveImageToPhotosAlbum({
          filePath: res.tempFilePath,
          success: function (data) {
            console.log(data);
            wx.showToast({
              title: \'保存成功\',
              duration: 2000
            })
          },
          fail: function (err) {
            console.log(err);
            if (err.errMsg === "saveImageToPhotosAlbum:fail auth deny") {
              wx.openSetting({
                success(settingdata) {
                  console.log(settingdata)
                  if (settingdata.authSetting[\'scope.writePhotosAlbum\']) {
                    wx.showToast({
                      title: \'图片已保存\',
                      icon:\'none\',
                      duration:2000
                    })
                    console.log(\'获取权限成功,给出再次点击图片保存到相册的提示。\')
                  } else {
                    console.log(\'获取权限失败,给出不给权限就无法正常使用的提示\')
                  }
                }
              })
            }
          }
        })
      }
    })

  },

先授权,再保存