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

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 + '%'
         });
       }
     });
   }