如果文件名相同,则更改事件功能对输入类型文件不起作用

use*_*845 5 html javascript angular

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

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

但问题是,如果我上传两次相同的文件,则更改功能不会再次执行,因为输入字段没有变化.

假设我已经上传了一次abc.xls文件,并且对此文件进行了一些验证,如果我更改了abc.xls的内容并重新上传它,那么更改函数不再重新验证它.

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

我想知道如何在类型脚本中编写此单击函数,因为我是新手.

gur*_*dev 28

在角度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>
Run Code Online (Sandbox Code Playgroud)

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