Recuperación de nombres de archivo de un control de carga de archivos múltiples con javascript

Question

El HTML es:

<input type="file" multiple="multiple" name="upload" id="id_upload" /> 

Si se me carga hasta tres archivos, document.getElementById("id_upload").value sólo se devuelve un nombre de archivo único y no un conjunto de tres nombres o coma cadena separada de tres nombres. La misma historia con jQuery val(). ¿Hay alguna manera de obtener la lista completa?

Answer 1

Uso the .files property de ese elemento:

var elem = document.getElementById("id_upload"); 
var names = []; 
for (var i = 0; i < elem.files.length; ++ i) { 
    names.push(elem.files[i].name); 
} 

Referencia:

• Input.multiple — MDC
• File — MDC