前端图片上传进度条的实现

 

使用onUploadProgress方法实现进度条，具体使用方法如下

axios.post(url,param,

　　{

          onUploadProgress: progressEvent => {

            if (progressEvent.lengthComputable) {

              this.percent =  ((progressEvent.loaded / progressEvent.total) * 100) | 0;

            }

          }

        }

).then((res)=>{console.log(res)})