Outils pour utilisateurs
html_css:bootstrap4:file_input
Différences
Ci-dessous, les différences entre deux révisions de la page.
| Prochaine révision | Révision précédente | ||
|
html_css:bootstrap4:file_input [2020/04/05 07:59] marclebrun créée |
html_css:bootstrap4:file_input [2020/04/05 08:25] (Version actuelle) |
||
|---|---|---|---|
| Ligne 6: | Ligne 6: | ||
| Pour afficher le nom du fichier sélectionné, il faut ajouter un peu de **Javascript** juste | Pour afficher le nom du fichier sélectionné, il faut ajouter un peu de **Javascript** juste | ||
| - | après l'élément ''<input>'' : | + | après l'élément ''<input>''. |
| + | |||
| + | Voici un formulaire tel qu'il est produit par Symfony, sans ajouter aucune option : | ||
| + | |||
| + | <code html> | ||
| + | <form name="upload_form" method="post" enctype="multipart/form-data"> | ||
| + | <div class="custom-file"> | ||
| + | <input type="file" id="upload_form_fichier" name="upload_form[fichier]" required="required" class="custom-file-input" /> | ||
| + | <label for="upload_form_fichier" class="custom-file-label"></label> | ||
| + | </div> | ||
| + | |||
| + | <button type="submit" class="btn btn-primary">Envoyer</button> | ||
| + | |||
| + | <input type="hidden" id="upload_form__token" name="upload_form[_token]" | ||
| + | value="ValeurDuTokenDeSecuriteBlaBlaBla..." /> | ||
| + | </form> | ||
| + | </code> | ||
| <code javascript> | <code javascript> | ||
| Ligne 18: | Ligne 34: | ||
| </script> | </script> | ||
| </code> | </code> | ||
| + | |||
| + | **EN REVANCHE** sur | ||
| + | [[https://getbootstrap.com/docs/4.4/components/input-group/#custom-file-input|le site de Bootstrap]] | ||
| + | ça fonctione bien... :!: | ||
| + | |||
html_css/bootstrap4/file_input.1586073593.txt.gz · Dernière modification: 2020/04/05 07:59 (modification externe)
Outils de la page
Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Share Alike 4.0 International
