CODEWITHSUNDEEP
jqueryfilelist
harikrishnan.n0077
harikrishnan.n0077

Reputation: 2057

Get the filelist object when a file is selected Jquery

When dragging and dropping a file into <div> for getting the filelist object i used var files=e.originalEvent.dataTransfer.files; but when selecting a file from the upload window i do not know what to use.

Check this jsfiddle.

What should I use to get the filelist from the <input type="file">?

Upvotes: 2

Views: 14640

Answers (2)

molecule
molecule

Reputation: 31

different methods to access the FileList object : 

$("#btStartUpload").on("click", function(evt) {        

        var filesSelected = document.getElementById('btInput').files; // FileList object
        var filesSelected = $('#btInput').prop('files'); // with jQuery
        var filesSelected = $('#btInput')[0].files; // with jQuery
        var filesSelected = $('input[type=file]')[0].files;  // with jQuery
        console.log(filesSelected);

        // action
    });

Upvotes: 1

pocesar
pocesar

Reputation: 7050

any jQuery object have it's DOM element accessed using [], for example

$('input[type=file]')[0].files;

To your fiddle, it would be:

var files = this.files;

no need for jQuery in this case, because of the change event

See the updated fiddle http://jsfiddle.net/qdJ2T/1/

Upvotes: 10

Related Questions