UploadTask.onProgressUpdate

解释:监听上传进度变化

方法参数

Function callback

返回参数说明

参数类型说明
progressNumber上传进度百分比
totalBytesSentNumber已经上传的数据长度,单位 Bytes。
totalBytesExpectedToSendNumber预期需要上传的数据总长度,单位 Bytes。

示例

在开发者工具中预览效果

扫码体验

UploadTask.onProgressUpdate - 图1请使用百度APP扫码

图片示例

UploadTask.onProgressUpdate - 图2

UploadTask.onProgressUpdate - 图3

UploadTask.onProgressUpdate - 图4

代码示例

  1. Page({
  2. data: {
  3. alreadyData: 0,
  4. targetData: 0
  5. },
  6. uploadFile(){
  7. swan.chooseImage({
  8. success: res => {
  9. const uploadTask = swan.uploadFile({
  10. url: 'https://smartprogram.baidu.com/xxx', //开发者服务器 url
  11. filePath: res.tempFilePaths[0], // 要上传文件资源的路径
  12. name: 'myfile',
  13. header: {
  14. 'content-type': 'application/json'
  15. },
  16. formData: {
  17. 'user': 'swan'
  18. },
  19. success: res =>{
  20. console.log(res.statusCode);
  21. },
  22. fail: err => {
  23. console.log('错误码:' + err.errCode);
  24. console.log('错误信息:' + err.errMsg);
  25. }
  26. });
  27. uploadTask.onProgressUpdate(res => {
  28. console.log('上传进度', res.progress);
  29. this.setData({
  30. 'progress': res.progress,
  31. 'alreadyData': res.totalBytesSent,
  32. 'targetData': res.totalBytesExpectedToSend
  33. })
  34. console.log('已经上传的数据长度', res.totalBytesSent);
  35. console.log('预期需要上传的数据总长度', res.totalBytesExpectedToSend);
  36. });
  37. }
  38. })
  39. }
  40. });