如何将多个文件输入附加到formData？

Question

我有一个基本的多个文件输入。选择一个或几个图像时，我触发uploadImages功能。此函数返回一个错误，因为我似乎无法遍历我的文件以将它们附加到 formData：错误类型错误：files.forEach 不是函数这里的错误在哪里？<input        type="file"        accept="image/png, image/jpeg"        placeholder="upload"        multiple        onChange={(e) => uploadImages(e.target.files, 3)}      />      export async function uploadImages(files, userid) {  try {    const images = new FormData();    if (files && files.length > 0) {      files.forEach((file) => images.append("image", file));    }    const res = await ax.post(      process.env.SERVER_URL + "/upload-images",      images,      userid    );    return console.log("success", res);  } catch (err) {    console.log("error", err);  }}

Answer 1

现在，HTMLInputElement.files返回 aFileList而不是Array. 这意味着您不能在其上使用数组方法。将来，这可能会更改为扩展Array.

您可以使用

files = [...files]

在函数开始时将 转换FileList为Array.