javascript - 为什么一个文件发送到服务器

Question

我写了一个函数“导入文件”，它必须将几个文件发送到服务器。只有一个文件到达服务器。

输入:

<input
   type="files"
   id="files"
   name="files"
   multiple
   onChange={ (e) => this.importFile(e.target.files) }
/>

功能:

importFile(file: File) {
   const fd = new FormData();
   let filesArr = [];
   for (let key in file) {
       if(file[key] instanceof File) {
         filesArr.push(file[key]);
       }
   }
   for (let i = 0; i < filesArr.length; i++) {
      fd.append('file', filesArr[i]);
   }
   post('/file/attachment', fd)
       .then((res) => {
          this.props.importFile([res]);
        })
       .catch((e) => console.error(e));
}

Answer 1

您的服务器可能只会在 formData 中选取单个文件。

尝试使用 fd.append('file[]', filesArr[i]) 代替。

在键名前面使用 [] 时，可以附加多个值，如 MDN docs 中所写参见示例 3。