Get the list of files currently attached to the <input> element

Question

I am wrapping some jQuery functionality around jQuery File Upload plugin. It uses an <input type="file" name="files[]" multiple="multiple"> element to what it seems like "hook up" the selected files before the upload. When a form on which the input resides is submitted, files are parsed on the server.

In order to debug my UI, I need to see the list of files currently "attached" to the input. Is it possible with Firebug or Chrome debugger?

Answer 1

Yes, you can just use the console and jquery:

$("#idofinput")[0].files

Then just treat it like an array of files :)

Answer 2

This is how you can check in console:

$("#idofinput").get(0).files