您的位置:首页 > Web前端 > JavaScript

学习笔记 通过javascript ajax方式手动封装表单进行文件上传

2018-01-23 10:23 731 查看
前端代码:

var files = document.getElementById("file").files;
var data = "this is a data";
var formData = new FormData();
if(files != undefined && files != null){
for(var i = 0; i < files.length; i++){
formData.append('file', files[i].file);
}
}

formData.append('data', data);
$.ajax({
url: "/aaa/insert",
type: 'post',
cache: false,
data: formData,
processData: false,
contentType: false,
success: function (data) {

// TODO

},
error: function (con) {
// TODO
}
});
后端接收:

@RequestMapping(value = "/insert")
@ResponseBody
public Object save(@RequestParam(value = "file", required = false) org.springframework.web.multipart.commons.CommonsMultipartFile[] mFiles, @RequestParam String data) {
// TODO

return null;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息