学无先后,达者为师

网站首页 编程语言 正文

axios自带的上传进度回调函数

作者:明月松江 更新时间: 2022-01-30 编程语言

在选用antd上传组件上传的时候,需要显示上传的进度。
upload组件是自带上传特效的,但是这个效果不能代表实际的上传进度,所以还是得获取实时的上传进度。
所幸的是axios自带这样的回调函数,即onUploadProgress,参数p代表progress事件对象。

import axios from 'axios'
axios.post(url, {
  onUploadProgress(p){ 
    console.log(100 * (p.loaded / p.total))
  }
})

其中100 * (p.loaded / p.total)就代表当前的上传进度百分比。

原文链接:https://blog.csdn.net/u010007013/article/details/111189599

栏目分类
最近更新