jQuery附加文件并检测空输入字段

Question

HTML

<input type="file" style="display: none" id="uploadme" /> <br />
<input type="button" id="clickme" value="Upload Stuff!" />

的jQuery

$(function(){
    $('#clickme').click(function(){
        $('#uploadme').click();

        if( $("#uploadme").val()=='') {
            alert("empty");
        }
    });
});

当用户点击“上传资料”时按钮，窗口显示要上载的文件。如果用户单击打开的窗口的取消按钮，则输入字段为空，否则隐藏的输入字段包含所选文件。 我试图检测隐藏的输入字段是否为空。如果输入字段为空，即用户取消并且不想附加任何内容，那么我必须做一些事情。同样，如果用户选择了一些文件，那么我必须做其他事情。

如何在上面的代码中检测到输入字段（id =“uploadme”）是空还是空？

以下是jsfiddle中运行的代码：here

Answer 1

您可以通过检查$（'＃uploadme'）。files.length的值来检查这一点。如果它为0，则表示没有选择文件，这意味着输入字段为空。

if( $("#uploadme").files.length == 0) {
    alert("empty");
}