使用FormData对包含文件类型的form表单进行异步提交(文件上传)并配置回调

直接使用form表单的submit提交按钮进行表单提交到action,这个是非异步的,不但在action返回时需要刷新页面或跳转至另外一个页面,也不能配置回调函数对返回数据进行某些处理。


其次,如果使用表单的serialize()方法进行ajax提交,则只能传递简单类型数据,但是对于文件类型file是不能传至后台的,网上查找资料后发现FormDate对象。可以异步提交文件并配置回调函数。

代码为:

function doUpload() {
     var formData = new FormData($("#uploadForm"));
     $.ajax({
          url: 'fileOperationAction!upload.action' ,
          type: 'POST',
          data: formData,
          async: false,
          cache: false,
          contentType: false,
          processData: false,
          success: function (data) {
              alert(data);
          },
          error: function (data) {
              alert(data);
          }
     });
}


参考文件:http://yunzhu.iteye.com/blog/2177923

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值