jquery - 检查文件是否加载到 <input type ="file">

Question

一切都在标题中:如何检查文件是否加载到<input type="file"> ？

<input type="file" id="document-file" />
<input type="submit" id="document-send" />


<script type="text/javascript">
    $('#document-send').click(function(event){
        event.preventDefault();

        var files = $("#document-file");
        console.log(files.length);
    }
</script>

files.length总是返回我1即使没有加载文件。

Answer 1

您可以检查元素的 files 属性，而不是 jQuery 对象:

var files = $("#document-file")[0].files;