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

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