微信小程序下载照片（显示进度条）

一、downloadTask/UploadTask理解

downloadTask

本质：对象

功能一：监听下载进度变化

UploadTask

一个可以监听上传进度变化事件网站优化以及取消下载任务的对象

本质：对象

功能一：监听下载进度变化

功能二：取消下载任务

UploadTask

一个可以监听上传进度变化事件以及取消上传任务的对象

本质：对象

功能一：监听上传进度变化

功能二：取消上传任务

downloadTask.onProgressUpdate((res) => { console.log('下载进度', res.progress) console.log('已经下载的数据长度', res.totalBytesWritten) console.log('预期需要下载的数据总长度', res.totalBytesExpectedToWrite) }) 复制代码  
1.2、取消监听下载进度变化事件 DownloadTask.offProgressUpdate(function callback) 复制代码 1.3、 监听 HTTP Response Header 事件 DownloadTask.onHeadersReceived(function callback) 复制代码 1.4、 取消监听 HTTP Response Header 事件 DownloadTask.offHeadersReceived(function callback) 复制代码 1.5、中断下载任务 DownloadTask.abort() 复制代码 二、downloadFile 下载文件理解

本质：方法

功能：下载文件资源到本地

返回值：downloadTask对象

success 返回的两个参数

tempFilePath

临时文件路径。

如果没传入 filePath 指定文件存储路径SEO排名服务以及取消上传任务的对象

本质：对象

功能一：监听上传进度变化

功能二：取消上传任务

downloadTask.onProgressUpdate((res) => { console.log('下载进度', res.progress) console.log('已经下载的数据长度', res.totalBytesWritten) console.log('预期需要下载的数据总长度', res.totalBytesExpectedToWrite) }) 复制代码  
1.2、取消监听下载进度变化事件 DownloadTask.offProgressUpdate(function callback) 复制代码 1.3、 监听 HTTP Response Header 事件 DownloadTask.onHeadersReceived(function callback) 复制代码 1.4、 取消监听 HTTP Response Header 事件 DownloadTask.offHeadersReceived(function callback) 复制代码 1.5、中断下载任务 DownloadTask.abort() 复制代码 二、downloadFile 下载文件理解

本质：方法

功能：下载文件资源到本地

返回值：downloadTask对象

success 返回的两个参数

tempFilePath

临时文件路径。

如果没传入 filePath 指定文件存储路径则下载后的文件会存储到一个临时文件

string

statusCode

开发者服务器返回的 HTTP 状态码

number

标签： 监听进度res下载