溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

微信小程序如何設(shè)置保存圖片到相冊(cè)權(quán)限

發(fā)布時(shí)間:2020-08-04 14:31:25 來(lái)源:億速云 閱讀:816 作者:小豬 欄目:web開(kāi)發(fā)

這篇文章主要講解了微信小程序如何設(shè)置保存圖片到相冊(cè)權(quán)限,內(nèi)容清晰明了,對(duì)此有興趣的小伙伴可以學(xué)習(xí)一下,相信大家閱讀完之后會(huì)有幫助。

微信小程序保存圖片到相冊(cè)可以分成兩種:一種是保存網(wǎng)絡(luò)圖片,一種是保存本地圖片

保存網(wǎng)絡(luò)圖片:

var url = '網(wǎng)絡(luò)圖片路徑'; 
wx.downloadFile({
 url: url,
  success: function (res) {
  var benUrl = res.tempFilePath;
  //圖片保存到本地相冊(cè)
  wx.saveImageToPhotosAlbum({
   filePath: benUrl,
   //授權(quán)成功,保存圖片
   success: function (data) {
   wx.showToast({
    title: '保存成功',
    icon: 'success',
    duration: 2000
   })
   },
   //授權(quán)失敗
   fail: function (err) {
   if (err.errMsg) {//重新授權(quán)彈框確認(rèn)
    wx.showModal({
     title: '提示',
     content: '您好,請(qǐng)先授權(quán),在保存此圖片。',
     showCancel: false,
     success(res) {
     if (res.confirm) {//重新授權(quán)彈框用戶點(diǎn)擊了確定
      wx.openSetting({//進(jìn)入小程序授權(quán)設(shè)置頁(yè)面
      success(settingdata) {
       console.log(settingdata)
       if (settingdata.authSetting['scope.writePhotosAlbum']) {//用戶打開(kāi)了保存圖片授權(quán)開(kāi)關(guān)
       wx.saveImageToPhotosAlbum({
        filePath: benUrl,
        success: function (data) {
        wx.showToast({
         title: '保存成功',
         icon: 'success',
         duration: 2000
        })
        },
       })
       } else {//用戶未打開(kāi)保存圖片到相冊(cè)的授權(quán)開(kāi)關(guān)
       wx.showModal({
        title: '溫馨提示',
        content: '授權(quán)失敗,請(qǐng)稍后重新獲取',
        showCancel: false,
       })
       }
      }
      })
     } 
     }
    })
   }
   }
  })
  }
 })

保存本地圖片:

wx.chooseImage({
count: 1,// 默認(rèn)9
  sizeType: ['original', 'compressed'],// 可以指定是原圖還是壓縮圖,默認(rèn)二者都有
  sourceType: ['album', 'camera'],// 可以指定來(lái)源是相冊(cè)還是相機(jī),默認(rèn)二者都有
  success: function (res) {
  // 返回選定照片的本地文件路徑列表,tempFilePath可以作為img標(biāo)簽的src屬性顯示圖片
  console.log("choose image")
  console.log(res)
  var tempFilePath = res.tempFilePaths[0]
  wx.getImageInfo({
   src: tempFilePath,
   success: function (res) {
   console.log("get image info")
   console.log(res)
   wx.saveImageToPhotosAlbum({
    filePath: res.path,
    success(res) {
    console.log("保存圖片成功")
    console.log(res)
    wx.showToast({
     title: '保存成功',
     icon: 'success',
     duration: 2000
    })
    },
    fail(err) {
    console.log('失敗')
    console.log(err)
 
    if (err.errMsg == "saveImageToPhotosAlbum:fail cancel") {
     wx.openSetting({
     success(settingdata) {
      console.log(settingdata)
      if (settingdata.authSetting["scope.writePhotosAlbum"]) {
      console.log('獲取權(quán)限成功,給出再次點(diǎn)擊圖片保存到相冊(cè)的提示。')
      } else {
      console.log('獲取權(quán)限失敗,給出不給權(quán)限就無(wú)法正常使用的提示')
      }
     }
     })
    }
    }
   })
   }
  })
  }
})

看完上述內(nèi)容,是不是對(duì)微信小程序如何設(shè)置保存圖片到相冊(cè)權(quán)限有進(jìn)一步的了解,如果還想學(xué)習(xí)更多內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI