小程序 - 详解下载功能加图片下载并显示进度

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