我把这个问题在参考POST a file with React.jsPOST muiltiple多文件阵营
我现在想送的文件列表到端点。
我输入组件:
<input onChange={(e) => Actions.uploadXLS(e.target.files)} multiple type="file" name="xlsz" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" style={{ display: 'none' }}/>
操作处理程序:
uploadXLS(files) {
let i = 0;
const data = new FormData();
for (i = 0; i < files.length; i++) {
data.append('file' , files[i]);
}
console.log(data);
this.getInstance().callUploadXLS(data);
}
控制台打印:FORMDATA {}
['FormData'不允许你检查它的对象](https://stackoverflow.com/questions/17066875/how-to-inspect-formdata)。检查文件是否正确传递的唯一方法是检查AJAX调用(通过网络选项卡)。 'console.log(data);'将始终显示相同的对象,而不是文件本身。 – drinchev
你的代码应该可以工作 – drinchev
@drinchev这是有效载荷:------ WebKitFormBoundaryx290rYq0fZYR1L6x 内容处理:form-data; NAME = “文件”;文件名= “ExcelFileCore-1.xlsx” 内容类型:应用/ vnd.openxmlformats-officedocument.spreadsheetml.sheet ------ WebKitFormBoundaryx290rYq0fZYR1L6x 内容处置:形状数据; NAME = “文件”;文件名= “ExcelFileCore-1 - Copy.xlsx” 内容类型:应用程序/ vnd.openxmlformats-officedocument.spreadsheetml.sheet ------ WebKitFormBoundaryx290rYq0fZYR1L6x-- – user1912404