Get input type file value when it has multiple files selected

Question

Possible Duplicate    Retrieving file names out of a multi-file upload control with javascript       From HTML5 input type  file  allows users to choose multiple files by adding the multiple  multiple      lt input type  file  multiple  multiple    gt    My question is  how can I get the value of that input  When using the  value it only returns the filename of the first file selected  but when choosing more than one I am not able to view the other ones   What I have    lt input type  file  multiple  multiple  onchange  alert this value        onmouseout  alert this value    gt    which as I told you  is only showing the name of one of the selected files   NOTE  I don t want to edit the value  I know that is not possible  only the name of the files  Thanks

User · Answer

You use input files property  It s a collection of File objects and each file has a name property   onmouseout  for  var i   0  i  lt  this files length  i    alert this files i  name

User · Answer

The files selected are stored in an array   input  files  For example  you can access the items     assuming there is a file input with the ID  my-input     var files   document getElementById  my-input   files   for  var i   0  i  lt  files length  i       alert files i  name       For jQuery-comfortable people  it s similarly easy     assuming there is a file input with the ID  my-input     var files       my-input   0  files   for  var i   0  i  lt  files length  i       alert files i  name

[javascript] Get input type="file" value when it has multiple files selected

Examples related to javascript

Examples related to html