Jquery input.files equivalent

Question

I have a simple html form with a single file upload input. (jsfiddle)

In the past, I have accessed the file selected by the user using input.files, howe

Answer 1

You have to access the element. Try:

file = $("#fileInput")[0].files[0];
alert(file); //C

or (thank you Jack)

file = $("#fileInput").prop('files')[0];
alert(file);

Fiddle

Answer 2

$(function () {
    $("#cmdSubmit").bind("click", function () {
       alert(this.files);
     });        
});​

Answer 3

jQuery doesn't provide a wrapper for the Files API. So there isn't a jQuery style way to do this, at least not built into the jQuery core.

Your options:

• stick with option A
• wait for jQuery to include such a wrapper (they might not)
• find an extension written by someone else (if one exists)
• write an extension yourself

Answer 4

Try the below code

var file = $("#fileInput").get(0).files[0];
 alert(file);

Thanks