提交

1，當僅僅想上傳文件到后臺

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 Maptest3( @RequestParam("image") MultipartFile uploadFile)

2.上傳表單數(shù)據(jù)和文件

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, //不處理數(shù)據(jù)

success:function(data){

alert(data.Msg);

}

});

@RequestMapping("/test3")

public Maptest3(Test test3, @RequestParam("image") MultipartFile uploadFile)//Test為實體類

3.上傳多個表單數(shù)據(jù)，那么以json形式上傳。

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, //不處理數(shù)據(jù)

success:function(data){

alert(data.Msg);

}

});

}

@RequestMapping("/test3")

public Maptest3(String test3, @RequestParam("image") MultipartFile uploadFile)

當input是easyUI的easyui-filebox 文件對象數(shù)據(jù) 用var file = $("#image")[0].files[0]得不到，

用name屬性得到? var file = $("input[name='zp']")[0].files[0];

總結

以上是生活随笔為你收集整理的java前端ajax提交数据_Java 前端使用Ajax通过FormData传递文件和表单数据到后台的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。