怎么在微信小程序中實現保存圖片到相冊功能

怎么在微信小程序中實現保存圖片到相冊功能？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

 　　功能邏輯：

　　　　先檢查用戶請求過的權限中是否允許"保存到相冊"權限,如果沒有請求過這個權限,應該向用戶發起授權請求（彈窗授權）,如果請求過這個權限，并且授權了，那就保存圖片,顯示保存成功;如果請求過,但是是拒絕的,就跳到設置頁,重新授權。

　　上代碼：

<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
      })
     }
    })
   }
  })
 }

看完上述內容，你們掌握怎么在微信小程序中實現保存圖片到相冊功能的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！