jquery - 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 中的运行代码：这里

Answer 1

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

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