Javascript 如何在8中从FileReader中的2个不同HTML输入中获取2个文件？

在我当前的项目中，必须将2个JSON文件放在一起。为了能够使用所有文件，它们可以通过2个HTML输入进行集成。 我使用JS FileReader编辑了这两个文件

有没有办法使两个文件同时可用

HTML:

---

我目前的想法是给每个文件一个数字，然后您可以使用它，但到目前为止，这还不起作用。

将

多个

属性添加到输入元素中

<input type="file" multiple (change)="onFileChange(myInput)" #myInput>

public onFileChange(event) {
    var one = this.json1;
    var two = this.json2;
    one = event.target.files;
    two = event.target.files;
    if (one) {
      var i = 0, f; f = one[i]; i++;
      console.log(i);
    } else {
      var i = 0, f2; f2 = two[i]; i++;
      console.log(i);
    }
    var fileReader = new FileReader();
    fileReader.onload = function(fileLoadedEvent) {
        var showJSON = fileLoadedEvent.target.result;
    };
    fileReader.readAsText(f, "UTF-8");
    console.log(f);
  };

<input type="file" multiple (change)="onFileChange(myInput)" #myInput>

onFileChange(myInput) {
  console.log(myInput.files) //You will get array of files here loop through each 
}