Obtener tipo de entrada "archivo" = valor cuando tiene varios archivos seleccionados

Question

Duplicar posibles: los usuarios
Retrieving file names out of a multi-file upload control with javascript

De HTML5 tipo de entrada "archivo" = permite elegir varios archivos agregando el múltiple = "múltiple":

<input type="file" multiple="multiple" /> 

Mi pregunta es: ¿cómo puedo obtener el valor de esa entrada? Cuando uso el valor .va solo devuelve el nombre del archivo del primer archivo seleccionado, pero al elegir más de uno no puedo ver los otros.

lo que tengo:

<input type="file" multiple="multiple" onchange="alert(this.value)" 
    onmouseout="alert(this.value) /> 

que como he dicho, sólo muestra el nombre de uno de los archivos seleccionados.

NOTA: no quiero editar el valor (ya sé que no es posible) sólo el nombre de los archivos

Gracias!

Answer 1

Los archivos seleccionados se almacenan en un array: [input].files

Por ejemplo, se puede acceder a los elementos

// assuming there is a file input with the ID `my-input`... 
var files = document.getElementById("my-input").files; 

for (var i = 0; i < files.length; i++) 
{ 
alert(files[i].name); 
} 

Para las personas jQuery-cómodas, es igualmente fáciles

// assuming there is a file input with the ID `my-input`... 
var files = $("#my-input")[0].files; 

for (var i = 0; i < files.length; i++) 
{ 
alert(files[i].name); 
} 

Answer 2

Usted use input.files property. Es una colección de File objects y cada archivo tiene un name propiedad:

onmouseout="for (var i = 0; i < this.files.length; i++) alert(this.files[i].name);"