微信小程序實現的圖片保存功能示例

這篇文章主要介紹了微信小程序實現的圖片保存功能,結合實例形式分析了微信小程序wx.downloadFile({})及wx.saveImageToPhotosAlbum({})函數圖片保存功能相關使用技巧,需要的朋友可以參考下

本文實例講述了微信小程序實現的圖片保存功能。分享給大家供大家參考，具體如下：

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

1.下載文件資源到本地，客戶端直接發起一個 HTTP GET 請求，返回文件的本地臨時路徑。

即：調用函數wx.downloadFile({})

2.保存圖片到系統相冊。

即：調用函數wx.saveImageToPhotosAlbum({})

具體代碼如下：

.wxml

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

.js

saveImage: function (e) {
     wx.downloadFile({
      url: 服務器Http請求 +圖片路徑,
       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: "保存失敗",
         })
        }
      })
      }
    },
   })
},

關於wx.downloadFile具體說明還可參考官方文檔：https://developers.weixin.qq.com/miniprogram/dev/api/wx.downloadFile.html

希望本文所述對大家微信小程序開發有所幫助。