Jquery input.files equivalent

Question

Mam prosty formularz HTML z jednym wejściem do przesyłania plików. (jsfiddle)

W przeszłości, mam dostęp do pliku wybranego przez użytkownika za pomocą input.files jednak jestem ze stratą, jak to zrobić z JQuery;

Kod:

$(function() { 
    $("#cmdSubmit").bind("click", function() { 
     var file = document.getElementById("fileInput").files[0]; 
     alert(file); //A 

     file = $("#fileInput").val(); 
     alert(file); //B 

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

    });   
});​ 

opcja dać mi to, czego się spodziewać, obiekt pliku. jednak opcja B po prostu daje mi nazwę przesłanego pliku i (o ile mogę powiedzieć), nie sam plik.

Opcja C pokazuje, że files jest niezdefiniowana.

Jaki jest odpowiednik Jquery z input.files?

Uwaga: nie mam zastrzeżeń do korzystania z natywnego języka javascript; ale biorąc pod uwagę, że używam JQuery przez resztę tego projektu, wolałbym go tutaj użyć, jeśli to możliwe.

Answer 1

Musisz uzyskać dostęp do elementu. Spróbuj:

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

lub (dziękuję Jack)

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

Fiddle

Answer 2

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

Answer 3

jQuery nie zapewnia otoki dla API Files. Więc nie ma na to sposobu w stylu jQuery, przynajmniej nie wbudowanego w rdzeń jQuery.

Twoje opcje:

• kij z opcja A
• czekać na jQuery zawierać taką owijkę (nie może)
• znaleźć rozszerzenie napisany przez kogoś innego (jeśli taki istnieje)
• napisać rozszerzenie samodzielnie

Answer 4

Wypróbuj poniższy kod

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

Dzięki