如何在 Angular 中重置更改事件答案

【问题标题】：How to Reset Change Event In Angular如何在 Angular 中重置更改事件
【发布时间】：2021-01-25 03:37:46
【问题描述】：

考虑以下StackBlitz。如果我从我的文件系统中选择一个图像，图像加载没有问题。但是，如果我现在从我的文件系统重新加载相同的图像，则不会引发新事件并且不会加载图像。我的问题是。我应该怎么做才能再次加载之前上传的图像？换句话说......如何重置组件的缓存，以便发出一个新的事件，这样同一个图像可以被加载两次？

最后，我想知道（更改）为什么会这样？

【问题讨论】：

将 e.target.result 推送到 mydata 数组后，可以使用以下行 .nativeElement.value = "";这将允许您使用重复的文件触发更改事件。
我解释得不是很好。首先，将模板引用添加到您的文件标签。类似@ViewChild('fileInput') fileInputRef!: ElementRef;和之后使用 this.fileInputRef.nativeElement.value = "";

标签： angular image input file-upload

【解决方案1】：

如果您想重新上传相同的文件，您需要重置event.target.value：

event.target.value = "";

这是您更新的示例https://stackblitz.com/edit/multiple-image-video-preview-final-ftzscs?file=app%2Fapp.component.ts

【讨论】：