javascript - Jquery input.files 等效项

Question

我有一个简单的 html 表单，其中包含单个文件上传输入。 ( jsfiddle)

过去，我使用input.files访问用户选择的文件，但是我不知道如何使用JQuery执行此操作；

代码:

$(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

    });        
});​

选项A给了我我所期望的，一个文件对象。然而，选项B只是给我上传文件的名称，而不是文件本身(据我所知)。

选项C显示files未定义。

相当于 input.files 的 Jquery 是什么？

注意:我不反对使用原生 javascript；但考虑到我在这个项目的其余部分都使用 JQuery，如果可能的话，我更愿意在这里使用它。

Answer 1

您必须访问该元素。尝试:

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

或者(谢谢 jack )

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

Fiddle