Angular IE11文件上载取消事件

Question

<input #fileUploadCtrl class="form-control" type="file" (change)="onFileChange($event)" 

我们如何捕捉“取消”事件并清除“角”文件输入控件？如果没有，是否有任何解决办法来清除当用户点击“取消”按钮时的文件上传？

Answer 1

就像myjscoffee的注释一样，cancel事件无法被检测到。IE 11中的文件是只读的，所以您不能像您所想的那样清除它。这是IE设计的。你也可以参考这个线程。

在IE中清除输入文件的唯一方法是添加一个重置，当您单击按钮时，清除文件。您可以参考以下代码片段：

app.component.html：

<input #fileUploadCtrl type="file">
<button type="button" (click)="reset(fileUploadCtrl)">Reset</button>

reset(element) {
    element.value = "";
}