javascript - Angular 2如何从输入类型文件多个的文件中删除文件？

Question

如何从具有多个属性的输入类型选择的文件中删除特定文件？

<input type="file" (change)="onFileChange($event)" #fileInput multiple>

我想删除选定的文件之一。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file

https://jsfiddle.net/Sagokharche/eL3eg6k4/

Answer 1

你需要它无法选择吗？然后使用HTML Input file accept属性(property)。例如，accept="image/png"。

或者您希望它在用户选择后从输入中过滤？然后您应该使用自定义指令或在上传时检查 ts 代码中的文件类型。

编辑在这种情况下，在您的代码中:

onFileChange(event) {
    const fileList = event.target.files;
    console.log("User selected fileList:", fileList)
    Array.from(fileList).filter(
      item => {
        console.log("file mime type:", item['type'])
      })

    const filesToUpload = Array.from(fileList).filter(
      item => { return item['type'] != "application/zip" })

    console.log("reduced list:", filesToUpload)
  }

Working stackblitz example here .