vue上传图片利用axios的onUploadProgress显示进度条

export function uploadFile(param,config) {

  let axiosConfig = {
    url: 'https://api.yichengshi.cn/YmUpload_image', 
    method: 'post',
    data: param,
  }
  if(config instanceof Object){
      for(let key in config){
          axiosConfig[key] = config[key]
      }
  }
  return axios(axiosConfig)
}

handleSuccess(res) {
            let imgUploadForm = new FormData();
            imgUploadForm.append("file", res.file);
            imgUploadForm.append("fileContentType", res.file.type);
            imgUploadForm.append("fileFileName", res.file.name);
            imgUploadForm.append("isCompre", 1);
            imgUploadForm.append("isCutImage", 1);
            
            let config = {
              onUploadProgress: progressEvent => {
                let complete = (progressEvent.loaded / progressEvent.total ).toFixed(2) * 100 ;
                this.percentage = complete;
              },
              headers: {
                'Content-Type': 'multipart/form-data'
              }
            };            
            uploadFile(imgUploadForm, config).then((res) => {
                //  上传图片
            });
        },