文件上传进度管控处理

文件上传进度管控处理

向后台上传文件过程中，会触发onUploadProgress函数，该函数里面包含了上传的信息

//instance为封装的一个axios实例
try {
    let formData = new FormData();
    formData.append('file', file);
    formData.append('filename', file.name);
	const res = await instance.post('/upload_single', formData, {
    onUploadProgress(ev) {
        let {
            loaded,
            total
            } = env;
            //上传的进度`${loaded/total * 100}%`
         }
	})
    
}catch {
    
}

onUploadProgress方法可以通过创建一个xhr对象去查看

let xhr = new XMLHttpRequest;
console.log(xhr)