提交表单前检查文件是否上传

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;
}

js小提琴。

使用 HTML5required属性（注意：仅在 Chrome、Firefox、Opera、Safari 5（在 Mac 上）和 IE10 中受支持）：

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

js小提琴。