Comment afficher un aperçu d'une image avant de la télécharger sur le serveur ?

Bonjour à tous ! Je suis un développeur frontend débutant et j'ai un problème. Je crée un formulaire pour télécharger l'avatar d'un utilisateur. Je veux que l'utilisateur puisse sélectionner un fichier via `` et voir immédiatement à quoi ressemblera l'image, sans attendre l'envoi au serveur. Mais je n'y arrive pas. Voici mon code actuel : ```html ``` ```javascript const fileInput = document.getElementById('fileInput'); const preview = document.getElementById('preview'); fileInput.addEventListener('change', function() { const file = this.files[0]; // C'est ici que je ne sais pas quoi faire ensuite // J'ai essayé d'assigner simplement le chemin, mais ça ne marche pas preview.src = file; // Ne fonctionne pas }); ``` Le problème est que `file` est un objet File, pas une chaîne de caractères avec un chemin. J'ai lu qu'on pouvait utiliser FileReader, mais je n'ai pas bien compris comment ça marche. Pouvez-vous m'indiquer ?