Get input type file value in jQuery when it has `multiple` attribute

Question

I have the following input type file with multiple attribute:

<input accept=".txt" id="File" multiple="" name="File" type="file" />

When I use jQuery to read the input value:

$("#File").val()

I selected from my PC, two files. If I call above function it returns:

C:\fakepath\1.txt

I expect to return 2 file values (I don't know, separated by comma or other separator).

Arun P Johny · Accepted Answer · 2014-03-18 13:20:21Z

3

You can use the files property like

var files = $("#File").prop('files')

then loop it and read the name property of the file

answered Mar 18, 2014 at 13:20

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

CodingIntrigue · Accepted Answer · 2014-03-18 13:20:10Z

2

You could access the underlying DOM element:

var fileList = $("#File")[0].files;
for (var i = 0; i < fileList.length; i++) {
   // Do stuff
}

answered Mar 18, 2014 at 13:20

CodingIntrigue

79k32 gold badges176 silver badges178 bronze badges