image - How to Reset Change Event In Angular

Question

Consider the following StackBlitz. If I select an image from my filesystem the image loads without problems. But if I now reload the same image from my filesystem a new event is not raised and the image is not loaded. My question is. What should I do to load the previously uploaded image again? In other words ... how to reset the component's cache so that a new event is emitted and in this way the same image can be loaded twice?

Finally, I would like to know why (change) works this way?

question from:https://stackoverflow.com/questions/65878668/how-to-reset-change-event-in-angular

Answer 1

If you want to re-upload the same file you need to reset the event.target.value :

event.target.value = "";

here's your example updated https://stackblitz.com/edit/multiple-image-video-preview-final-ftzscs?file=app%2Fapp.component.ts