html/java, input file sympa avec bootstrap
2014-01-28 | #bootstrap #html
Dans le cadre d’un projet, j’ai redesigné un formulaire qui permet d’importer un fichier csv (utilise bootstrap). Le rendu est le suivant : <form method="post" action="/somewhere" enctype="multipart/form-data" class="form-horizontal"> <div class="control-group"> <label class="control-label" for="fichier_csv">fichier.csv</label> <input type="file" id="fichier_csv" name="fichier_csv" style="display:none" /> <div class="controls"> <div class="input-append"> <input id="fichier_path" class="input-large" type="text"> <a class="btn" onclick="$('input[id=fichier_csv]').click();"> <i class="icon-folder-open"></i> <span>Sélectionner...</span> </a> </div> </div> <script type="text/javascript"> $('input[id=fichier_csv]').change(function() { $('#fichier_path').val($(this).val()); }); </script> </div> </form> Le code java est le suivant (attention, lorsque le type du formulaire est enctype=“multipart/form-data”, les paramètres ne se récupèrent plus avec HttpServletRequest.