js：Axios通过onUploadProgress获取上传文件进度和上传速度-阿里云开发者社区

相关文章推荐

发呆的人字拖 · 下拉选项和操作-腾讯云开发者社区-腾讯云· 9 月前 ·

求醉的油条 · 渗透技巧：导出Chrome浏览器中保存的密码 ...· 1 年前 ·

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

文档

需要注意的是，版本不同，可能获取的参数有所差别

请求配置参数 onUploadProgress 可以获取上传文件进度

  // `onUploadProgress` 允许为上传处理进度事件
  // 浏览器专属
  onUploadProgress: function (progressEvent) {
    // 处理原生进度事件
    // 打印 progressEvent 对象查看属性
    // 获取两个重要参数，计算上传进度，
    // 最后保留1位小数
    progress = (progressEvent.loaded / progressEvent.total * 100).toFixed(1)
  },

参考

axios实现文件上传并获取进度