form表单上传文件返回数据
2016-11-22 14:12
260 查看
废话不说,直接上代码
jsp:
<div style="display:none">
<form id="viewImport" action="" enctype="multipart/form-data" method="post">
<input type="text" id="groupId" name="groupId" value=""/>
<input type="text" id="groupName" name="groupName" value=""/>
<input type="text" id="groupType" name="groupType" value=""/>
<input type="text" id="fileType" name="fileType" value=""/>
<input id ="file" type="file" name="file" onchange="getImport()">
</form>
</div>
//显示上传弹框
$("#file").trigger("click");
//form表单提交
function getImport() {
var form = $("#form表单id");
var options = {
url:"提交地址",
type:'post',
success:function(data){
var jsondata = eval("("+data+")");
if(jsondata.error == "0"){ //error为自己定义的属性名(java后台)
}else{
}
//最后要清空表单,不然再次选择文件会出现延迟现象只能重新刷新页面后上传才会出现
$("#groupId").val("");/
$("#groupName").val("");
$("#groupType").val("");
$("#file").val("");
}
};
form.ajaxSubmit(options);
}
java :
//定义返回对象
Map<String, String> obj = new HashMap<>();
//自定义属性名称与值
obj.put("error", "0");
obj.put("message", "上传文件已损坏。");
PrintWriter out = null;
try {
out = response.getWriter();
} catch (IOException e2) {
// TODO Auto-generated catch block
e2.printStackTrace();
}
//将返回对象封装为json数据
out.println(封装后的json数据);
jsp:
<div style="display:none">
<form id="viewImport" action="" enctype="multipart/form-data" method="post">
<input type="text" id="groupId" name="groupId" value=""/>
<input type="text" id="groupName" name="groupName" value=""/>
<input type="text" id="groupType" name="groupType" value=""/>
<input type="text" id="fileType" name="fileType" value=""/>
<input id ="file" type="file" name="file" onchange="getImport()">
</form>
</div>
//显示上传弹框
$("#file").trigger("click");
//form表单提交
function getImport() {
var form = $("#form表单id");
var options = {
url:"提交地址",
type:'post',
success:function(data){
var jsondata = eval("("+data+")");
if(jsondata.error == "0"){ //error为自己定义的属性名(java后台)
}else{
}
//最后要清空表单,不然再次选择文件会出现延迟现象只能重新刷新页面后上传才会出现
$("#groupId").val("");/
$("#groupName").val("");
$("#groupType").val("");
$("#file").val("");
}
};
form.ajaxSubmit(options);
}
java :
//定义返回对象
Map<String, String> obj = new HashMap<>();
//自定义属性名称与值
obj.put("error", "0");
obj.put("message", "上传文件已损坏。");
PrintWriter out = null;
try {
out = response.getWriter();
} catch (IOException e2) {
// TODO Auto-generated catch block
e2.printStackTrace();
}
//将返回对象封装为json数据
out.println(封装后的json数据);
相关文章推荐
- jsp form表单提交获取返回数据(也可用来上传文件、图片)
- Form表单上传文件,上传成功后获取返回数据
- form表单上传文件和数据的不同书写方式
- 基于Spring MVC实现基于form表单上传Excel文件,批量导入数据
- Jquery form.js文件上传返回JSON数据,在IE下提示下载文件的解决办法,并对返回数据进行正确的解析
- nodejs-http 对form表单上传文件数据的解析过程
- 基于Spring3 MVC实现基于form表单上传Excel文件,批量导入数据!
- 通过form表单上传文件获取后台传来的数据
- 上传文件 使用HTML5的FormData 提交表单和文件数据
- C#模拟form表单提交数据,上传文件
- django(7)modelform操作及验证、ajax操作普通表单数据提交、文件上传、富文本框基本使用
- 当form里增加enctype="multipart/form-data"时,上传文件与其他表单数据的研究
- Java如何解决form表单上传文件,以及页面返回处理结果通知!
- 基于Spring3 MVC实现基于form表单上传Excel文件,批量导入数据时,报错:Unable to recognize OLE stream !
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- 用java模拟html表单(form)提交数据包含多文件上传表单提交。
- Multipart/form-data POST文件上传详解 理论 简单的HTTP POST 大家通过HTTP向服务器发送POST请求提交数据,都是通过form表单提交的,代码如下: <form me
- springMVC基于form表单上传Excel文件,导入数据
- form表单上传文件