Get the filelist object when a file is selected Jquery

jquery filelist
harikrishnan.n0077 picture harikrishnan.n0077 · Jan 13, 2013 · Viewed 12.6k times · Source

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

pocesar picture pocesar · Jan 13, 2013

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/

Related questions

How do I redirect to another webpage?

How can I redirect the user from one page to another using jQuery or pure JavaScript?

Read More
Why does my JavaScript code receive a "No 'Access-Control-Allow-Origin' header is present on the requested resource" error, while Postman does not?

Mod note: This question is about why Postman is not subject to CORS restrictions in the same way an XMLHttpRequest is. This question is not about how to fix a "No 'Access-Control-Allow-Origin'..." error. Please stop posting: CORS configurations for every …

Read More
How do I check whether a checkbox is checked in jQuery?

I need to check the checked property of a checkbox and perform an action based on the checked property using jQuery. For example, if the age checkbox is checked, then I need to show a textbox to enter age, else …

Read More