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

微信小程序?qū)崿F(xiàn)的圖片保存功能示例

 更新時(shí)間：2019年04月24日 12:01:22   作者：weixin_41991473  
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)的圖片保存功能,結(jié)合實(shí)例形式分析了微信小程序wx.downloadFile({})及wx.saveImageToPhotosAlbum({})函數(shù)圖片保存功能相關(guān)使用技巧,需要的朋友可以參考下

本文實(shí)例講述了微信小程序?qū)崿F(xiàn)的圖片保存功能。分享給大家供大家參考，具體如下：

微信小程序保存圖片分為兩步：

1.下載文件資源到本地，客戶端直接發(fā)起一個(gè) HTTP GET 請(qǐng)求，返回文件的本地臨時(shí)路徑。

即：調(diào)用函數(shù)wx.downloadFile({})

2.保存圖片到系統(tǒng)相冊(cè)。

即：調(diào)用函數(shù)wx.saveImageToPhotosAlbum({})

具體代碼如下：

.wxml

<button data-image='{{圖片路徑}}' bindtap="saveImage" >保存圖片</button>

.js

saveImage: function (e) {
     wx.downloadFile({
      url: 服務(wù)器Http請(qǐng)求 +圖片路徑,
       success: function (res) {
          var imageFilePath = res.tempFilePath;
             if (!util.isNull(imageFilePath)) {
              wx.saveImageToPhotosAlbum({
              filePath: imageFilePath,
              success: function (data) {
              wx.showToast({
              title: "保存成功",
              })
            }, fail: function (res) {
           wx.showToast({
          title: "保存失敗",
         })
        }
      })
      }
    },
   })
},

關(guān)于wx.downloadFile具體說(shuō)明還可參考官方文檔：https://developers.weixin.qq.com/miniprogram/dev/api/wx.downloadFile.html

希望本文所述對(duì)大家微信小程序開(kāi)發(fā)有所幫助。

相關(guān)文章

  • JS添加刪除一組文本框并對(duì)輸入信息加以驗(yàn)證判斷其正確性

    JS添加刪除一組文本框并對(duì)輸入信息加以驗(yàn)證判斷其正確性

    需要添加幾組數(shù)據(jù)到數(shù)據(jù)庫(kù)，但是具體幾組數(shù)據(jù)不確定，有客戶來(lái)填寫(xiě)，所以，這里我用JS進(jìn)行添加刪除子方案，并要對(duì)方案輸入的正確性加以判斷，感興趣的朋友可以了解下
    2013-04-04
  • js限制文本框只能輸入中文的方法

    js限制文本框只能輸入中文的方法

    這篇文章主要介紹了js限制文本框只能輸入中文的方法,涉及javascript正則匹配及鼠標(biāo)事件的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
    2015-08-08
  • 一段非常簡(jiǎn)單的js判斷瀏覽器的內(nèi)核

    一段非常簡(jiǎn)單的js判斷瀏覽器的內(nèi)核

    先說(shuō)明，此處的方法是說(shuō)超級(jí)簡(jiǎn)單的方法，不是指代碼超級(jí)少，而是用非常簡(jiǎn)單的知識(shí)點(diǎn)，只要懂得怎么寫(xiě)JavaScript的行內(nèi)樣式就可以判斷。
    2014-08-08
  • JavaScript圖像放大鏡效果實(shí)現(xiàn)方法詳解

    JavaScript圖像放大鏡效果實(shí)現(xiàn)方法詳解

    這篇文章主要介紹了JavaScript圖像放大鏡效果實(shí)現(xiàn)方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-06-06
  • 利用js+css+html實(shí)現(xiàn)固定table的列頭不動(dòng)

    利用js+css+html實(shí)現(xiàn)固定table的列頭不動(dòng)

    本文分享了利用js+css+html實(shí)現(xiàn)固定table的列頭不動(dòng)的實(shí)例代碼。小編認(rèn)為具有很好的參考價(jià)值，感興趣的朋友可以看下
    2016-12-12
  • JavaScript中變量提升 Hoisting

    JavaScript中變量提升 Hoisting

    因?yàn)檫@個(gè)問(wèn)題很是經(jīng)典，而且容易出錯(cuò)，所以在介紹一次。哈哈。莫怪哦。
    2012-07-07
  • 原生JS面向?qū)ο髮?shí)現(xiàn)打字小游戲

    原生JS面向?qū)ο髮?shí)現(xiàn)打字小游戲

    這篇文章主要為大家詳細(xì)介紹了原生JS面向?qū)ο髮?shí)現(xiàn)打字小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2021-09-09
  • TypeScript模塊與命名空間的關(guān)系和使用方法

    TypeScript模塊與命名空間的關(guān)系和使用方法

    在TypeScript中就像在EC5中一樣,任何包含頂級(jí)import或export的文件都被認(rèn)為是一個(gè)模塊,下面這篇文章主要給大家介紹了關(guān)于如何在TypeScript使用模塊與命名空間以及注意事項(xiàng)的相關(guān)資料,需要的朋友可以參考下
    2023-03-03
  • JavaScript瀏覽器選項(xiàng)卡效果

    JavaScript瀏覽器選項(xiàng)卡效果

    項(xiàng)目需要做了如下的東西，希望能給其他需要的同學(xué)們一點(diǎn)參考。
    2010-08-08
  • js實(shí)現(xiàn)仿MSN帶關(guān)閉功能的右下角彈窗代碼

    js實(shí)現(xiàn)仿MSN帶關(guān)閉功能的右下角彈窗代碼

    這篇文章主要介紹了js實(shí)現(xiàn)仿MSN帶關(guān)閉功能的右下角彈窗代碼,涉及javascript操作頁(yè)面元素的布局及屬性的動(dòng)態(tài)變換技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-09-09

最新評(píng)論