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插件功能很强大,我只用到了这一个方法,其他的就暂时不多说了。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值