微信小程序 - 下载图片并且显示进度

lastUpDate：

2018-8-12　　请把请求地址加入到downLoadFile

 

 

提示：首先得要在公众号设置对应的downLoadFile地址.

 

 

 

downImg : 下载图片

 

wxml

js

 downImg: function(e) {
    var _this = this;

    // 获取图片地址(http://www.playsort.cn/...)
    var img = e.currentTarget.dataset.src;

    // 下载监听进度
    const downloadTask = wx.downloadFile({
      url: img, 
      success: function(res) {
        // 只要服务器有响应数据，就会把响应内容写入文件并进入 success 回调，业务需要自行判断是否下载到了想要的内容
        console.log(res)
        if (res.statusCode === 200) {
          wx.saveImageToPhotosAlbum({
            filePath: res.tempFilePath,
            success: function(res) {
              wx.showToast({
                title: '保存图片成功!~',
              });
            },
            fail: function(res) {
              wx.showToast({
                title: '保存图片失败!~',
              });
            }
          })
        }
      }
    });
    downloadTask.onProgressUpdate((res) => {
      if (res.progress === 100) {
        this.setData({
          progress: ''
        });
      } else {
        this.setData({
          progress: res.progress + '%'
        });
      }
    });
  }