event.preventDefault（）在文件输入上似乎不起作用

Question

HTML

<input id="file-upload" name="files" type="file" multiple="">

JavaScript

if (inputType === "file") {
  console.log(event);
  event.preventDefault();
  console.log(event.target.files);

  /* do other stuff */
}

[当我选择一个文件时，其名称显示在输入的旁边，并且还将其添加到输入的FileList中，那么FileList到底在防止什么呢？ ：/

event.preventDefault()

目标（最终至少）

允许用户选择文件，但是停止默认行为，抓取文件并将它们手动添加到，并且（很高兴）通过创建一些HTML列出选择上传的文件飞行中。

Answer 1

实际上，输入的change事件没有默认操作，因此在该事件上调用preventDefault（）将无效。

FileList对象无法修改，那么如何修改文件集合？

嗯，答案很简单。

1. 声明并初始化自定义FileList数组

   FormData

2. 在onChange事件中，将所选文件附加到该变量：

FormData