[英]Spring mvc ajax file upload leading to 415 (Unsupported Media Type)
我正在使用jquery ajax方法尝试fileupload。 但是它导致客户端415(不支持的媒体类型)错误。但是使用非ajax请求我的代码工作正常。
我的控制器代码。
@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>
和ajax电话。
$("#uploadForm").submit(function (e) {
e.preventDefault();
var $form = $("#uploadForm");
$.ajax({
type: $form.attr('method'),
url: $form.attr('action'),
data: $form.serialize(),
dataType : 'json',
enctype: 'multipart/form-data',
processData: false,
success: function(msg){
$( "#editor" ).append(msg);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("Status: " + XMLHttpRequest); alert("Status: " + textStatus); alert("Error: " + errorThrown);
}
});
});
我尝试了几个设置contentType:false 。 所以如果需要,请建议我任何改变。
来自file元素的数据未被序列化,使用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(...)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.