快捷導(dǎo)航

微信小程序?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ì)大家微信小程序開發(fā)有所幫助。

您可能感興趣的文章:

相關(guān)文章

當(dāng)$.get返回失敗后調(diào)用fail方法示例詳解
這篇文章主要介紹了當(dāng)$.get返回失敗后，調(diào)用fail方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-12-12
兩個(gè)函數(shù)相互調(diào)用如何防止死循環(huán)
這篇文章主要介紹了兩個(gè)函數(shù)相互調(diào)用如何防止死循環(huán)問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-03-03
JS、jQuery中select的用法詳解
這篇文章主要介紹了JS、jQuery中select的用法詳解的相關(guān)資料,需要的朋友可以參考下
2016-04-04
Bootstrap基本樣式學(xué)習(xí)筆記之表格(2)
Bootstrap提供了一個(gè)清晰的創(chuàng)建表格的布局，這篇文章主要介紹了Bootstrap學(xué)習(xí)筆記之表格基本樣式的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
Javascript實(shí)現(xiàn)單選框效果
這篇文章主要為大家詳細(xì)介紹了Javascript實(shí)現(xiàn)單選框效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12
js+csss實(shí)現(xiàn)的一個(gè)帶復(fù)選框的下拉框
用js+csss實(shí)現(xiàn)的一個(gè)帶復(fù)選框的下拉框，用到了很基礎(chǔ)的技術(shù)，但是比較實(shí)用，喜歡的朋友可以參考下
2014-09-09
ES6新特性七：數(shù)組的擴(kuò)充詳解
這篇文章主要介紹了ES6新特性之?dāng)?shù)組的擴(kuò)充,結(jié)合實(shí)例形式分析了ES6數(shù)組操作的常見(jiàn)方法與相關(guān)使用技巧,需要的朋友可以參考下
2017-04-04
JS匿名函數(shù)類生成方式實(shí)例分析
這篇文章主要介紹了JS匿名函數(shù)類生成方式,結(jié)合實(shí)例形式分析了javascript匿名函數(shù)類相關(guān)屬性與方法定義與使用技巧,需要的朋友可以參考下
2016-11-11
Bootstrap布局方式詳解
這篇文章主要為大家詳細(xì)介紹了Bootstrap布局方式，分析了Bootstrap網(wǎng)格系統(tǒng)的各種特性，感興趣的小伙伴們可以參考一下
2016-05-05
最短的javascript:地址欄載入腳本代碼
相信大家都在地址欄里用javascript:的形式執(zhí)行過(guò)腳本。這種方法簡(jiǎn)單實(shí)用，測(cè)試比較短的腳本時(shí)經(jīng)常用到
2011-10-10