Bonjour, pour commencer à utiliser Crook connecte toi !

Afficher le nom du fichier dans le champ input file

Avec Symfony et le form theme Bootstrap, le nom du fichier ne s'affiche pas dans l'input


Avec Symfony et le form theme Bootstrap, le nom du fichier ne s'affiche pas dans l'input (issue remontée ici)

Ceci vient de bootstrap qui personnalise ce champ qui est normalement géré nativement par le navigateur (https://getbootstrap.com/docs/4.4/components/forms/#file-browser)

En fait c'est à nous même de gérer l'affichage du nom du fichier.

Ça peut être réalisé en JS comme ceci (à réadapter selon votre code) :

const profileInput = document.getElementById('user_pictureFile');
profileInput.addEventListener('change',function (e) {
    const fileName = profileInput.files[0].name;
    const nextSibling = e.target.nextElementSibling;
    nextSibling.innerText = fileName;
});

 

À propos
logo
image de profil

guillaumebdx