小程序版本庫(kù)更新后，wx.openSetting({ })即將廢棄，改用button組件實(shí)現(xiàn)。

openSetting即將廢棄.png

button按鈕只在拒絕的時(shí)候顯示一次；

<!--Wxml-->
<view>
  <image class='share-btn-friends-img' src='../../assets/img/pyq.png'></image>
  <text class='share-btn-friend-text' bindtap='toShareFiends' wx:if="{{!isOpenSetting}}">分享到朋友圈</text>  
  <button class='share-btn-friend-text text-btn' open-type="openSetting" bindopensetting="toShareFiends" wx:else>分享到朋友圈</button>  
</view>

<!--js-->
toShareFiends(e) {
    let imgUrl = this.data.imgUrl
    var self = this
    // wx.getSetting 先查詢一下用戶是否授權(quán)了
    wx.getSetting({
      success(res) {
        console.log("getSetting: success")
        if (!res.authSetting['scope.writePhotosAlbum']) {
          console.log("1-沒(méi)有授權(quán)《保存圖片》權(quán)限")
          // 接口調(diào)用詢問(wèn)  
          wx.authorize({
            scope: 'scope.writePhotosAlbum',
            success() {
              console.log("2-授權(quán)《保存圖片》權(quán)限成功")
              utils.downloadImage(imgUrl)
            },
            fail() {
              console.log(this)
              // 用戶拒絕了授權(quán)  
              console.log("2-授權(quán)《保存圖片》權(quán)限失敗")
              wx.showModal({
                title: '提示',
                content: '江楠優(yōu)店需要您的授權(quán)才能保存圖片',
                showCancel: false,
                confirmText: '我知道了',
                confirmColor: '#FCA800'
              })
              //  button-openSetting按鈕只在拒絕的時(shí)候顯示一次
              self.setData({
                isOpenSetting: true
              })
            }
          })
        } else {
          console.log("1-已經(jīng)授權(quán)《保存圖片》權(quán)限")
          self.setData({
            isOpenSetting: false
          })
          utils.downloadImage(imgUrl)
        }
      },
      fail(res) {
        console.log("getSetting: success")
        console.log(res)
      }
    })
  }
}

附：utils.downloadImage 下載保存圖片方法封裝

// 下載保存圖片
  downloadImage(imgUrl) {
    wx.downloadFile({
      url: imgUrl,
      success: function (res) {
        console.log(res.tempFilePath)
        wx.saveImageToPhotosAlbum({
          filePath: res.tempFilePath,
          success: function (res) {
            wx.showToast({
              title: '保存成功',
            });
          },
          fail: function (res) {
            console.log('保存圖片fail', res)
          }
        })
      },
      fail: function () {
        console.log('下載圖片fail', res)
      }
    })
  }

參考鏈接：

• http://www.itdecent.cn/p/5d062795cf30