Wie zeige ich eine Bildvorschau an, bevor das Bild auf den Server hochgeladen wird?

Hallo zusammen! Ich bin ein Anfänger in der Frontend-Entwicklung und habe ein Problem. Ich erstelle ein Formular zum Hochladen eines Benutzer-Avatars. Ich möchte, dass der Benutzer eine Datei über `` auswählen kann und sofort sehen kann, wie das Bild aussehen wird, ohne auf das Hochladen auf den Server warten zu müssen. Aber ich bekomme es nicht hin. Hier ist mein aktueller Code: ```html ``` ```javascript const fileInput = document.getElementById('fileInput'); const preview = document.getElementById('preview'); fileInput.addEventListener('change', function() { const file = this.files[0]; // Hier weiß ich nicht, was ich als nächstes tun soll // Ich habe versucht, einfach den Pfad zuzuweisen, aber das funktioniert nicht preview.sr ```