场景: 将file对象转换为blob类型并作为请求参数传给后端。
// 导入
const handleImport = type => {
const api = "/testimpot"
setLoading(true);
// TODO: 传输文件
const reader = new FileReader();
reader.readAsArrayBuffer(fileId);
// 读取完成时的回调
reader.onload = function(e) {
const excelFile = e.target.result;
let formData = new FormData();
formData.append('excelFile', new Blob([excelFile]));
axios({
method: 'post',
url: api,
data: formData,
headers: {
'Content-Type': 'multipart/form-data', // 关键
},
}).then((res: any) => {
setLoading(false);
setStep(2);
if (res.statusCode === '200') {
setSuccess(true);
} else {
setSuccess(false);
setErrMsg(res.statusInfo);
}
});
};
};