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;

Answer 2

您可以尝试读取输入是否具有值：

if(document.getElementById("document-file").value != ""){
    // do stuff here
}

如果是，则是一个文件，如果没有，则为空。它向后兼容不支持fileReaders的浏览器。

Answer 3

您想要检查输入的.val()，然后检查该值的.length。

<强> DEMO

以下是我在小提琴中的表现。

$('button').click(function(){
    var files = $("#document-file").val();
    if(files.length > 0){
         $('body').append(files + '<br />');
    } else {
         $('body').append('No File <br />');
    }
});

我希望这有帮助！

检查文件是否加载到<input type =“file”/>

3 个答案: