Acceso a los nombres de archivo de un formulario de carga de archivos múltiples

Question

Quiero leer los nombres de archivo de mi formulario de carga múltiple, sin embargo, Javascript solo agrega el primer elemento.

<input name="upload[]" id="upload" type="file" multiple="multiple"> 

$("#upload").change(function() { 
    $("#upload").each(function() { 
     $("#upload_prev").append(this.value); 
    }); 
}); 

Answer 1

campos de carga de archivos múltiples no son sin embargo muy bien soportados por jQuery. Su mejor opción es volver a Javascript nativo para obtener acceso a la colección files. Prueba esto:

$("#upload").change(function() { 
    var files = $(this)[0].files; 
    for (var i = 0; i < files.length; i++) { 
     $("#upload_prev").append(files[i].name); 
    } 
}); 

Example fiddle

Además, aquí es un violín con un par de los problemas con tu ejemplo fijos, tales como la limpieza de la lista previa de los archivos cuando se vuelva a seleccionar y añadiendo el nombre del archivo en un nuevo línea: http://jsfiddle.net/Vs5Hk/3/