Get the filelist object when a file is selected Jquery

Question

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">?

Answer 1

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/