Cargando

Ir a contenido

X

Obtener nombre de archivos o texto de input file multiple





  AUTOR PREGUNTA

Publicado 04 noviembre 2014 - 03:06
tengo el siguiente codigo JS:

$('#choose-files-button').click(function () {
$(':file').trigger('click'); });
$(':file').change(function () {
$this = $(this); $('#files-selected').text($this.val()); })

Y este es mi HTML:

@using (Html.BeginForm("Upload", "Manage", FormMethod.Post, new { enctype = "multipart/form-data" })) { <span id="choose-files-button" class="btn btn-info">Choose Files</span> <span id="files-selected"></span> <button class="pull-right btn btn-primary" type="submit">Upload</button> <div style="height:0; width:0;overflow:hidden;"> <input type="file" name="files" id="files" multiple="multiple" value="Add Images" /> </div> }

El problema es que cuando los archivos son seleccionados solo setea el nombre de un solo archivo cuando deberia hacerlo para todos, esto pasa en Chrome no lo he probado en los demas navegadores, pareciera que la ruta estuviera mal pero no se que mas pueda ser. Agradezco toda la ayuda.
  • 5 personas más tuvieron esta duda Yo también
  • Volver arriba


 

Publicado 04 noviembre 2014 - 18:30
Debes usar this.files.length en los archivos del dom:

$(':file').change(function () {
$('#files-selected').text(this.files.length + " file selected");
});


 

Publicado 04 noviembre 2014 - 18:31
Tambien puedes probar lo siguiente:

var file = $("input[type=file]");
var files = file[0].files;


   AUTOR PREGUNTA

Publicado 04 noviembre 2014 - 18:57
Le voy a dar una vuelta, gracuas


X