欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序?qū)崿F(xiàn)保存圖片到相冊功能

 更新時(shí)間:2018年11月30日 11:10:36   作者:RossDan  
項(xiàng)目中有個(gè)保存二維碼到相冊的功能,所以涉及到用戶是否授權(quán)相冊權(quán)限的問題。這篇文章主要介紹了微信小程序?qū)崿F(xiàn)保存圖片到相冊功能,需要的朋友可以參考下

項(xiàng)目中有個(gè)保存二維碼到相冊的功能,所以涉及到用戶是否授權(quán)相冊權(quán)限的問題。廢話不多說,直接上干貨...

   功能邏輯:

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

  上代碼:

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

注:如果你不點(diǎn)擊"保存到相冊"的時(shí)候去看設(shè)置頁,是沒有"保存到相冊"的開關(guān)的,只有點(diǎn)過了保存到相冊,請求過這個(gè)彈窗授權(quán)后,設(shè)置頁才會有"保存到相冊"的開關(guān)

總結(jié)

以上所述是小編給大家介紹的微信小程序?qū)崿F(xiàn)保存圖片到相冊功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • 看看“疫苗查詢”小程序有溫度的代碼

    看看“疫苗查詢”小程序有溫度的代碼

    近日,一篇《疫苗之王》刷爆了朋友圈,疫苗的安全問題被推到了風(fēng)口浪尖,騰訊安全反詐騙實(shí)驗(yàn)室團(tuán)隊(duì)推出了“騰訊安心計(jì)劃”小程序,方便用戶便捷地查詢疫苗安全信息
    2018-07-07
  • 基于PHP pthreads實(shí)現(xiàn)多線程代碼實(shí)例

    基于PHP pthreads實(shí)現(xiàn)多線程代碼實(shí)例

    這篇文章主要介紹了基于PHP pthreads實(shí)現(xiàn)多線程代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-06-06
  • 使用bootstrap插件實(shí)現(xiàn)模態(tài)框效果

    使用bootstrap插件實(shí)現(xiàn)模態(tài)框效果

    今天我們選擇使用著名的 bootstrap 庫的模態(tài)框插件 modal.js 來實(shí)現(xiàn)模態(tài)框效果,同時(shí)也使大家進(jìn)一步熟悉 bootstrap 的插件使用,需要的朋友可以參考下
    2017-05-05
  • JavaScript中return用法示例

    JavaScript中return用法示例

    這篇文章主要介紹了JavaScript中return用法,結(jié)合實(shí)例形式簡單分析了javascript中return語句的功能與使用技巧,需要的朋友可以參考下
    2016-11-11
  • JS非行間樣式獲取函數(shù)的實(shí)例代碼

    JS非行間樣式獲取函數(shù)的實(shí)例代碼

    這篇文章主要介紹了JS非行間樣式獲取函數(shù)的實(shí)現(xiàn)代碼,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-06-06
  • 純JS代碼實(shí)現(xiàn)一鍵分享功能

    純JS代碼實(shí)現(xiàn)一鍵分享功能

    在qq空間,新浪微博,人人網(wǎng)等網(wǎng)絡(luò)平臺大家經(jīng)??梢钥吹揭绘I分享功能,那么基于js代碼是如何實(shí)現(xiàn)一鍵分享的呢?下面腳本之家小編給大家介紹js實(shí)現(xiàn)一鍵分享功能的代碼,需要的朋友參考下吧
    2016-04-04
  • JS函數(shù)重載的解決方案

    JS函數(shù)重載的解決方案

    在面向?qū)ο蟮木幊讨校芏嗾Z言都支持函數(shù)重載,能根據(jù)函數(shù)傳遞的不同個(gè)數(shù)、類型的參數(shù)來做不同的操作,JS對它卻不支持,需要我們額外做些小動作。
    2014-05-05
  • js獲取select選中的option的text示例代碼

    js獲取select選中的option的text示例代碼

    獲取select選中的option的text的方法有很多,下面為大家介紹下使用js的獲取方法,感興趣的朋友可以參考下
    2013-12-12
  • 通過Javascript將數(shù)據(jù)導(dǎo)出到外部Excel文檔的函數(shù)代碼

    通過Javascript將數(shù)據(jù)導(dǎo)出到外部Excel文檔的函數(shù)代碼

    通過Javascript將數(shù)據(jù)導(dǎo)出到外部Excel文檔的函數(shù)代碼,需要的朋友可以參考下
    2012-06-06
  • JavaScript設(shè)計(jì)模式之模板方法模式原理與用法示例

    JavaScript設(shè)計(jì)模式之模板方法模式原理與用法示例

    這篇文章主要介紹了JavaScript設(shè)計(jì)模式之模板方法模式原理與用法,結(jié)合實(shí)例形式分析了JavaScript模板方法模式的概念、組成、定義、使用等相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
    2018-08-08

最新評論