onUploadprogress 在接口返回前进度就达到了100

落魄小二

已于 2023-01-30 17:17:29 修改

阅读量1k

点赞数 2

文章标签： javascript vue.js

于 2023-01-30 10:39:55 首次发布

本文链接：https://blog.csdn.net/yusun1234/article/details/128798441

版权

在文件上传过程中，onUploadprogress控制文件上传到服务器的时间，而服务器接收到文件并处理文件仍需要一定时间，所以在编写进度条时，应该注意有两个时间，文件上传时间和接口返回时间

const config = {
	onUploadProgress: (progress) => {
		// 格式化成百分数
		let rate= Math.floor(progress.loaded/progress.total*100)'
        if(rate<100){
          this.progress = rate   
        }
	}
}
axios.post(url,data,config).then(
   this.progress = 100
)