Java Spring mvc ajax文件上传导致415(不支持的媒体类型)
我正在尝试使用jqueryajax方法上传文件。但这会导致客户端出现415(不支持的媒体类型)错误。但对于非ajax请求,我的代码工作正常 我的控制器代码Java Spring mvc ajax文件上传导致415(不支持的媒体类型),java,jquery,ajax,spring,spring-mvc,Java,Jquery,Ajax,Spring,Spring Mvc,我正在尝试使用jqueryajax方法上传文件。但这会导致客户端出现415(不支持的媒体类型)错误。但对于非ajax请求,我的代码工作正常 我的控制器代码 @RequestMapping(value = "/imageUpload", headers = "content-type=multipart/*", method = RequestMethod.POST, consumes = "application/json") public @ResponseBody String upload
@RequestMapping(value = "/imageUpload", headers = "content-type=multipart/*", method = RequestMethod.POST, consumes = "application/json")
public @ResponseBody
String uploadImage( @RequestParam("fileData") MultipartFile multipartFile, HttpServletRequest request )
{
// statements
}
我的查看页面
<form id="uploadForm" action="imageUpload" method="post" enctype="multipart/form-data">
<div>
<input type="file" id="fileData" name="fileData" />
<input type="submit" id="submitContent" value="upload" />
</div>
</form>
我尝试过设置contentType:false之类的方法。
因此,如果需要,请向我建议任何更改。看看这个
文件元素中的数据未序列化,请使用new FormData()
初始化数据,然后添加表单元素,包括Data
元素。
此代码将起作用
$("#uploadForm").submit(function(e) {
e.preventDefault();
var $form = $("#uploadForm");
var fd = new FormData($(this)[0]);
console.info(fd);
$.ajax({
type : 'POST',
url : $form.attr('action'),
data : fd,
cache : false,
processData : false,
contentType : false,
success : function(response) {
console.info(response);
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
console.info("Status: " + XMLHttpRequest);
alert("Status: " + textStatus);
alert("Error: " + errorThrown);
}
});
});
要添加其他表单变量,请使用fd.append(…)
$("#uploadForm").submit(function(e) {
e.preventDefault();
var $form = $("#uploadForm");
var fd = new FormData($(this)[0]);
console.info(fd);
$.ajax({
type : 'POST',
url : $form.attr('action'),
data : fd,
cache : false,
processData : false,
contentType : false,
success : function(response) {
console.info(response);
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
console.info("Status: " + XMLHttpRequest);
alert("Status: " + textStatus);
alert("Error: " + errorThrown);
}
});
});