使用FormData对包含文件类型的form表单进行异步提交(文件上传)并配置回调
2016-05-01 22:18
961 查看
直接使用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
其次,如果使用表单的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
相关文章推荐
- Android中取消ListView和GridView的默认点击效果
- [Android]通过意图传递数据
- Ruby基础教程(三)——类和模块
- poj 2752 Seek the Name, Seek the Fame(KMP)
- Oj:ytu2671:Problem C: 大小写英文字母转换(1)
- c3p0数据库连接池实现原理笔记
- 小酌重构系列[3]——方法、字段的提升和降低
- 逻辑回归(Logistic regression)详解-并用scikit-learn训练逻辑回归拟合Iris数据集
- mysql 5.7版本无法启动/目录无data文件夹 的解决办法
- 20145240 《Java程序设计》第四次实验报告
- 第九周学习进度条
- ·转」linux的学习路线
- Android复杂ListView
- Zxing3.x的简单使用(一)
- SDUT 2608
- Mapreduce 通俗版
- JDBC学习笔记(1)——JDBC概述
- cacti排错
- 第一篇献给小驰驰
- 团队冲刺——第六天