如何检查输入文件是空的,如果使用jquery选择了png格式,也会显示警报

Question

我有一个输入文件上传,需要检查上传哪个文件/如果客户端使用jquery没有选择文件.

<input type="file" name="files" id="file1" style="color:White" />
<input type="submit" value="Create" />

单击提交时应触发检查.

Answer 1

查看我创建的示例:

http://jsfiddle.net/G7xke/

<form>
<input type="file" name="files" id="file1" style="color:White" />
<input type="submit" value="Create" />
</form>
<button value="check" id="check" name="check" >check</button>

和JavaScript:

$("#check").click(function(){
    var fileName = $("#file1").val();
    if(fileName.lastIndexOf("png")===fileName.length-3)
        alert("OK");
    else
        alert("Not PNG");
})

Answer 2

你有没有做过这样的尝试？

$('input[type="file"]').val()