日期:2014-05-16  浏览次数:20747 次

jquery的form插件上传文件ajax验证
       最近需要写一个上传文件后的ajax验证,找了半天用jquery的form插件结合ajax写了出来。看来jquery还是很强大的,以后的好好学习一下。
       首先要引入jquery和form插件,注意顺序一定要先jquery,然后再form:
<script type="text/javascript" src="../js/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="../js/jquery.form.js"></script>

       然后是一个form表单,上传文件的form表单:
<form id="form4"  method="post" action="" enctype="multipart/form-data">
<input type="file" id="imageFile" onchange="checkImage()" />
</form>

       最后是一个JS实现
<script type="text/javascript">
function checkImage()
{
    $(document).ready(function(){
            var options = {
               
               url:"../servlet/checkImage",//后台的处理,也就是form里的action
               type:"POST",
               dataType:"script", //数据格式,有XML,html,json,默认为文本
               success:function(msg){
              //msg为接受后台的反馈信息。将他格式化为文本。也许我的代码的问题,后台返回的一直带有HTML标记的文本,所以我将他格式成文本。
                 var msgText = $("<div>"+msg+"</div>").text();
                 //下面可以根据后台反馈的信息做相应的处理
                   ......
               }
            };
         $("#form4").ajaxSubmit(options);
         return false;//为了防止刷新
    })
}
</script>

     这里的options的success里接收后台反馈的信息,后台用
response.getWrite().write("msg");
这个方法来传递。
       这个只是jquery的form插件里其中的一个办法,form插件功能很强大,我只用到了这一个方法,其他的就暂时不多说了。