输入类型文件单击 - 删除以前添加的文件

Question

在javascript中，我可以通过编程方式调用添加文件：

 <input ref="inptFile" type="file" id="selectedFile" name="files" multiple style="display: none;"/>
 <input type="button" value="Browse..." onclick="document.getElementById('selectedFile').click();" />

当我第一次点击并添加第一个文件时，它就可以了，添加了文件。但是当我第二次单击时，会添加第二个文件，但会删除第一个文件。 如何在不删除第一个文件的情况下添加第二个文件？

我尝试在typescript中编写方法来以编程方式执行此操作：

 addAttachmentClick() {
      document.getElementById('selectedFile').click();

      debugger;
      var addedFile = (<HTMLInputElement>this.$refs.inptFile).files[(<HTMLInputElement>this.$refs.inptFile).files.length - 1];

      this.addFilesToUpload.push({
        name: addedFile.name,
        size: addedFile.size,
        type: addedFile.type,
        lastModifiedDate: addedFile.lastModifiedDate
      });

      this.addedFilesToUpload.push(addedFile);

      for (let addedFileItem in this.addedFilesToUpload) {
        (<HTMLInputElement>this.$refs.inptFile).files.push(addedFileItem);
      }
    },

但我收到错误，因为文件数组没有push（files.push）方法，我不知道如何以编程方式将第二个文件添加到输入文件（.files）数组。