Alex Rivera | Logout

JQuery - get all fileNames inside input='file'

Asked 2012-05-22T13:32:00.217
38

I have <input type="file" id="basicUploadFile" multiple="multiple"> and I want to get all file names inside this input. I've seen some example, but it gets only name of first file.

$ ('#basicUploadFile').live ('change', function () {
    alert($ ('#basicUploadFile').val());
});

How can I do this? Thanks.

javascript jquery
Edit
Report

1 Answer

90
var files = $('#basicUploadFile').prop("files")

files will be a FileList object.

var names = $.map(files, function(val) { return val.name; });

Now names is an array of strings (file names)

FileAPI reference
files property reference

answered 2012-05-22T13:38:28.273

Your Answer