怎么在微信小程序中實(shí)現(xiàn)保存圖片到相冊(cè)功能

怎么在微信小程序中實(shí)現(xiàn)保存圖片到相冊(cè)功能？相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

 　　功能邏輯：

　　　　先檢查用戶請(qǐng)求過的權(quán)限中是否允許"保存到相冊(cè)"權(quán)限,如果沒有請(qǐng)求過這個(gè)權(quán)限,應(yīng)該向用戶發(fā)起授權(quán)請(qǐng)求（彈窗授權(quán)）,如果請(qǐng)求過這個(gè)權(quán)限，并且授權(quán)了，那就保存圖片,顯示保存成功;如果請(qǐng)求過,但是是拒絕的,就跳到設(shè)置頁(yè),重新授權(quán)。

　　上代碼：

<view bindtap='save'>保存圖片到相冊(cè)</view>

//點(diǎn)擊保存圖片
 save () {
  let that = this
  //若二維碼未加載完畢，加個(gè)動(dòng)畫提高用戶體驗(yàn)
  wx.showToast({
   icon: 'loading',
   title: '正在保存圖片',
   duration: 1000
  })
  //判斷用戶是否授權(quán)"保存到相冊(cè)"
  wx.getSetting({
   success (res) {
    //沒有權(quán)限，發(fā)起授權(quán)
    if (!res.authSetting['scope.writePhotosAlbum']) {
     wx.authorize({
      scope: 'scope.writePhotosAlbum',
      success () {//用戶允許授權(quán)，保存圖片到相冊(cè)
       that.savePhoto();
      },
      fail () {//用戶點(diǎn)擊拒絕授權(quán)，跳轉(zhuǎn)到設(shè)置頁(yè)，引導(dǎo)用戶授權(quán)
       wx.openSetting({
        success () {
         wx.authorize({
          scope: 'scope.writePhotosAlbum',
          success() {
           that.savePhoto();
          }
         })
        }
       })
      }
     })
    } else {//用戶已授權(quán)，保存到相冊(cè)
     that.savePhoto()
    }
   }
  })
 },
//保存圖片到相冊(cè)，提示保存成功
 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
      })
     }
    })
   }
  })
 }

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