小程序保存图片

wx.downloadFile(Object object)

下载文件资源到本地。客户端直接发起一个 HTTPS GET 请求，返回文件的本地临时路径 (本地路径)，单次下载允许的最大文件为 50MB。

注意：请在服务端响应的 header 中指定合理的 Content-Type 字段，以保证客户端正确处理文件类型。

参数

属性	类型	必填	说明
url	string	是	下载资源的 url
header	Object	否	HTTP 请求的 Header，Header 中不能设置 Referer
timeout	number	否	超时时间，单位为毫秒
filePath	string	否	指定文件下载后存储的路径 (本地路径)
success	function	否	接口调用成功的回调函数
fail	function	否	接口调用失败的回调函数
complete	function	否	接口调用结束的回调函数（调用成功、失败都会执行）

示例

下面代码演示了下载一张网络图片：

wx.downloadFile({
   url: 'https://example.com/audio/123', //仅为示例，并非真实的资源
   success (res) {
      filePath: res.tempFilePath
   }
})

注意：在发布小程序上线之前一定要登录小程序微信公众号后台找到->开发配置downloadFile的域名和你要下载的网络图片的域名一致，否则下载不了；如下所示：

找到downloadFile服务器域名

wx.saveImageToPhotosAlbum(Object object)

保存图片到系统相册。

Object object

属性	类型	默认值	必填	说明
filePath	string		是	图片文件路径，可以是临时文件路径或永久文件路径 (本地路径) ，不支持网络路径

保存图片功能，由于不能保存网络图片，所以需要先调用wx.downloadFile方法下载到本地临时空间路径：

wx.downloadFile({
    url: 'https://example.com/audio/123', //仅为示例，并非真实的资源
    success (res) {
      let imageFilePath = res.tempFilePath
      wx.saveImageToPhotosAlbum({
         filePath: imageFilePath,
         success(res){
           wx.showToast({
              title: "保存成功",
           })
         },
         fail(){
            wx.showToast({
               title: "保存失败",
            })
         }
      })
    }
})

为了避免用户一开始就拒绝相册授权，导致不能再次保存图片，需要重新调起授权：

//绑定事件
<view bindtap="saveImage">保存图片</view>
saveImage(){
  wx.downloadFile({
    url: 'https://example.com/audio/123', //仅为示例，并非真实的资源
    success (res) {
      let imageFilePath = res.tempFilePath
      wx.saveImageToPhotosAlbum({
         filePath: imageFilePath,
         success(res){
           wx.showToast({
              title: "保存成功",
           })
         },
        fail(err){
          if (err.errMsg === "saveImageToPhotosAlbum:fail:auth denied" || err.errMsg === "saveImageToPhotosAlbum:fail auth deny" || err.errMsg === "saveImageToPhotosAlbum:fail authorize no response") {
            // 这边微信做过调整，必须要在按钮中触发，因此需要在弹框回调中进行调用
            wx.showModal({
              title: '提示',
              content: '需要您授权保存相册',
              showCancel: false,
              success: () => {
                wx.openSetting({
                  success(settingdata) {
                    if (settingdata.authSetting['scope.writePhotosAlbum']) {
                      wx.showModal({
                        title: '提示',
                        content: '获取权限成功,再次点击保存图片',
                        showCancel: false,
                      })
                    } else {
                      wx.showModal({
                        title: '提示',
                        content: '获取权限失败，将无法保存到相册哦~',
                        showCancel: false,
                      })
                    }
                  }
                })
              }
            })
          }
         }
      })
    }
  })
}

如果用户一开始拒绝授权，上面代码再次点击就可以wx.openSetting设置轮回调起重新授权访问相册了

小程序 保存图片

wx.downloadFile(Object object)

参数

示例

wx.saveImageToPhotosAlbum(Object object)

保存图片功能，由于不能保存网络图片，所以需要先调用wx.downloadFile方法下载到本地临时空间路径：