<form id="testform" method="post" >
<input type="text" id="name" name="name" />
<input type="text" name="age" />
<input type="text" name="hobby" />
<input type="file" id="image" name="image" />
<input id="yxrq" name="birthday" class="easyui-dateBox" data-options="editable:false,width:200" />
</form>
<button id="tijiao" οnclick="tijiao()">提交</button>
function tijiao(){
var file = $("#image")[0].files[0];
//打印file 为对象
console.log(file);
var formObj = new FormData();
formObj.set('image', file);
$.ajax({
url:'test/test3',
data:formObj,
type: 'POST',
dataType:'json',
processData:false,
contentType:false,
success:function(data){
alert(data.Msg);
}
});
}
@RequestMapping("/test3")
public Map<String,Object> test3( @RequestParam("image") multipartfile uploadFile)
2.上传表单数据和文件
var uploadFile = new FormData($("#testform")[0]);
console.log(uploadFile);
$.ajax({
url:"test/test3",
type:"post",
data:uploadFile,
cache: false,
dataType:'json',
contentType: false, //不设置内容类型
processData: false, //不处理数据
success:function(data){
alert(data.Msg);
}
});
@RequestMapping("/test3")
public Map<String,Object> test3(Test test3, @RequestParam("image") multipartfile uploadFile)//Test为实体类
function tijiao(){
var file = $("#image")[0].files[0];
//打印file 为对象
console.log(file);
var formObj = new FormData();
formObj.set('image', file);
var formStr = JSON.stringify($('#testform').serializeJSON());
formObj.set('test3', formStr);
console.log(formObj);
$.ajax({
url:"test/test3",
type:"post",
data:formObj,
cache: false,
dataType:'json',
contentType: false, //不设置内容类型
processData: false, //不处理数据
success:function(data){
alert(data.Msg);
}
});
}
@RequestMapping("/test3")
public Map<String,Object> test3(String test3, @RequestParam("image") multipartfile uploadFile)
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
