求助:axios post请求文件上传 onUploadProgress 中 total 为 0

axios post请求文件上传 onUploadProgressprogressEvent.total 始终为 0,弄了半天还是没有解决,有没有解决方法,希望大家帮帮我,非常感谢!

代码如下:

methods:{
        upload(event){
            this.uploading = true; //进度条可显示
            let submitData = new FormData();
            submitData.append(this.send_name,event.target.files[0]); //表单数据
            return axios.post(this.submit_url,submitData,{
                onDownloadProgress: (progressEvent) => {
                    this.progress = ((progressEvent.loaded / progressEvent.total) * 100).toFixed(0) + '%'
                }
            }).then( (res)=>{
                this.uploading = false;
                return Promise.resolve(res);
            }).catch( (err)=>{
                this.uploading = false;
                return Promise.reject(err);
            });

        }
    }
本作品采用《CC 协议》,转载必须注明作者和本文链接
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 1

csrf?

1个月前 评论
Developer (楼主) 1个月前

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!