jquery的form插件下传文件ajax验证

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插件功能很强大，我只用到了这一个方法，其他的就暂时不多说了。

查看更多 下一篇