js文件上传获取文件路径,axios上传blob

我最近在制作上传视频。 视频又大又费时间，没有进展的话用户会等很久，体验不好，所以想实时显示上传的进度。 重点是配置onUploadProgress。 ouploadprogress 3360 progress event={ let persent={ progress event.loaded/progress event.total * 100|0 }控制台. log //视频async upload视频() const (uploadfile )=this if (uploadfile ) ) { let param=new formdata } form对象的创建、专用和直接只能显示uploadFile ) letconfig=) headers: ) content-type ) : ) multipart/form-)传输请求: [ function onuploadprogress 3360进度事件={ let persent=(progress event.loaded/progress event.total * 100|0 ) /上传进度coodexxxxx

xxx/video/upload '、param和config地址是自己的接口. then (response={ varresult=response.dataif ) result.status==0

打印输出百分比：

匹配element-ui的进度条：

希望能为你们服务。