javascript - 如果文件名相同，则更改事件函数不适用于输入类型文件

Question

这是我上传excel文件的html代码

 <span class="control-fileupload" >
      <label for="file1" class="text-left">{{filePlaceHolder}}</label>
      <input type="file" id="file1" value="" (change)="openFile($event)" >
 </span>

但问题是，如果我将同一文件上传两次，更改功能不会再次执行，因为输入字段没有更改。

假设我上传了一次 abc.xls 文件并且对该文件进行了一些验证，如果我更改了 abc.xls 的内容并重新上传它，那么更改功能不会再次对其进行重新验证。

无论文件名是否相同，每次上传文件时我应该对工作更改功能做哪些更改。

我想知道如何在类型脚本中编写这个点击功能，因为我是新手。

Answer 1

在 Angular 2 中你可以这样做:

<span class="control-fileupload" >
      <label for="file1" class="text-left">{{filePlaceHolder}}</label>
      <input #fileInput type="file" id="file1" (click)="fileInput.value = null" value="" (change)="openFile($event)" >
 </span>

这样，每次您点击文件输入时，它都会清除它的值，因此即使您选择相同的文件更改也会触发。