[英]Input type=file is not passing to php page using Jquery Validation Plugin
我有一个带有文件上传功能的html表单,我想使用jquery插件进行验证。 现在,如果文件为空,则显示错误消息,但是如果文件的扩展名不同,则应显示消息“不允许文件类型”,但似乎没有传递到文件filecheck.php页面,该页面将验证文件类型。
如何使用此jquery插件验证此文件类型? 你能帮我一下吗? 谢谢。
HTML部分:
<div id="result"></div> <!--error or success message will be show here-->
<form action="editContactDetails.php" method="post" enctype="multipart/form-data" id="all_contact_details">
<tr>
<td></td>
<td align="left"><input name="file1" type="file" id="file" class="file"/></td>
<td></td>
</tr>
</form>
jQuery部分:
$(document).ready(function() {
// validate signup form on keyup and submit
$("#all_contact_details").validate({
submitHandler: function(form) {
$.ajax({
url: form.action,
type: form.method,
//async: false,
data: $(form).serialize(),
beforeSend : function (){
$('input[type=submit]').attr('disabled', false);
},
success: function(response) {
$('#result').html(response);
//$(form).find('div').hide();
$(form).hide();
}
});
},
rules: {
file1: {
required: true,
remote: {
url: "filecheck.php",
type: "post"
}
},
},
messages: {
file1: {
required: "Upload your file",
remote: "File is not allowed"
},
}
});
});
PHP部分(filecheck.php)
<?php
$file1 = $_FILES['file1']['name'];
$allowedExts = array("jpg");
$temp = stripslashes($file1);
$temp = explode(".", $temp);
$extension = end($temp);
if(!in_array($extension, $allowedExts))
echo 'false';
else
echo 'true';
?>
当表单有效时, SubmitHandler
处理实际的提交 :
http://jqueryvalidation.org/validate/#submithandler
因此,这不会验证文件扩展名本身。
但是,您可以使用内置于jqueryvalidation的extension
验证器,该extension
验证器将完全执行您要达到的目标。 请参阅此链接以获取参考和示例:
在尝试更多之前,并非所有浏览器都支持使用AJAX提交文件。 不过,您可以采取一些技巧,实际上是将表单提交到目标iframe,然后使用javascript读取该iframe的内容并以某种方式显示/使用它们。 这样,您实际上提交了表单而不刷新主窗口。
本文对此进行了详细介绍: Ajax:使用IFRAME的文件上传表单的简化版本
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.