在 ES6 中為每個和數組創建一個數組

Question

我有一個輸入多個字段。 我想上傳多個文件。 我的問題是我想從中返回一個數組。

<input
  id="file"
  type="file"
  accept="image/*"
  multiple
  onChange={(e) => uploadImage(e.currentTarget.files)}
/>;

const uploadImage = (e) => {
  const files = e;

  Array.from(files).forEach((file) => console.log(file));

  const images = files.map((image) => ({
    imageName: image.name,
    imageFile: image,
  }));
  console.log(images);
};

Answer 1

...返回數組（在日志中）..：

const uploadImage = (e) => {
    if(!e) return;
    const files = e;
    const fileList = Array.from(files);
    fileList.forEach((file) => console.log(file));

    const images = fileList.map((image) => ({
      imageName: image.name,
      imageFile: image,
    }));
    console.log(images);
  };

  return (
    <>
      <input
        id="file"
        type="file"
        accept="image/*"
        multiple
        onChange={(e) => uploadImage(e.currentTarget.files)}
      />;