求助:axios post請求檔案上傳 onUploadProgress 中 total 為 0

Developer發表於2020-10-10

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 協議》,轉載必須註明作者和本文連結

相關文章