axios上传文件显示上传进度

1 原理

axios有一个api 可以配置 然后可以获取到下载的进度:onUploadProgress

2 实现

如果项目中有默认的timeout时间 也要给上传文件的请求单独设置一些timeout时间 免得文件过大上传慢导致失败

onUploadProgress里面的默认参数progressEvent里面有loaded和total两个参数 是现在已经下载的字节和文件总字节 这样就可以用这两个做出进度条啦

上传还有一个关键的

把文件丢进去 然后上传formData