在表单提交之前检查文件是否已上载

Question

我想在用JavaScript / jQuery点击提交按钮之前检查用户是否上传了文件。

如果没有上传文件，我不想允许表单提交。

我的HTML是：

<form action="/home/save" method="post" enctype="multipart/form-data" >   
    Upload Image: <input type="file" name="image" />  
    <input type="submit" value="upload" />
</form>

Answer 1

使用jQuery：

if(!$('input[type="file"]').val()) {
   // No file is uploaded, do not submit.
   return false;
}

jsFiddle.

---

使用HTML5 required属性（注意：仅在Chrome，Firefox，Opera，Safari 5（在Mac上）和IE10上支持）：

<input type="file" name="image" required/> 

jsFiddle.