如何将FileList转换为数组并通过FormData发送至服务器？

FileList是类数组对象，无法直接作为值传入FormData.append()让服务器识别为数组，需要先转换为普通数组，再逐个添加文件到FormData中。

修改后的代码如下：

public upload(images: FileList) {
  const params = new FormData();

  // 将类数组的FileList转为标准数组，遍历添加每个文件
  Array.from(images).forEach(file => {
    // 字段名用`images[]`，确保后端能识别为数组格式
    params.append('images[]', file);
  });

  return this.http.post(`url`, params);
}

关键说明： #

• Array.from(images)把FileList转换成可遍历的标准JavaScript数组，这样就能用forEach处理每个文件。
• 字段名使用images[]是多数后端框架（如PHP、Spring Boot）识别数组参数的常规写法，若后端有特定命名要求，替换为对应格式即可。
• 逐个调用append会生成多个同名字段的FormData条目，后端会自动解析为数组。

如果你的后端支持直接接收Blob形式的文件数组，也可以用这种写法（兼容性稍差）：

public upload(images: FileList) {
  const params = new FormData();
  params.append('images', new Blob(Array.from(images)), 'files');
  return this.http.post(`url`, params);
}

但更推荐第一种遍历方式，兼容性更强，适配绝大多数后端服务。

内容的提问来源于stack exchange，提问作者Alex