Warum wird meine JavaScript-Bildvorschau nicht aktualisiert, nachdem ich eine neue Datei ausgewählt habe? [Duplikat] ⇐ JavaScript

[Anonymous]

Ich versuche, eine einfache Bild-Upload-Vorschaufunktion in JavaScript zu erstellen.
Wenn ich zum ersten Mal ein Bild auswähle, wird es in der Vorschau korrekt angezeigt.
Aber wenn ich ein anderes Bild auswähle, wird die Vorschau nicht aktualisiert – es wird immer noch das alte angezeigt.
Ich habe versucht, den Wert zurückzusetzen und den Ereignis-Listener zu ändern, aber es funktioniert immer noch nicht.
Kann mir jemand helfen, zu verstehen, was ich übersehe?

Code: Select all

Image Preview







const fileInput = document.getElementById("fileInput");
const preview = document.getElementById("preview");

fileInput.addEventListener("change", function () {
const file = fileInput.files[0];
if (file) {
const reader = new FileReader();
reader.onload = function (e) {
preview.src = e.target.result;
preview.style.display = "block";
};
reader.readAsDataURL(file);
}
});


```