IDE:idea
系统:WIN10 20H2
前端:jsp+jquery1.8.3
描述:前后端试了一遍最后发现是前端的ajax设置有问题,毕竟与SpringBoot不同,这个版本无法直接“@RequestParam(“file”) MultipartFile file”获取文件 (还是前端配置问题)
前端:
var form = new FormData();
form.append("file", document.getElementById("imageUrl").files[0]);
$.ajax(
{
url: "testController.do?uploadImage",
type: "POST",
contentType: false, // 这个必须存在,前几次的测试都是没这个才出问题的
processData: false, // 这个也必须要,如果不添加这个会导致无法匹配到“MultipartFile”
data: form,
dataType: 'json' // blob改为json,如果不改,done在处理返回的数据的时候会变成“无法把数据转为blob”之类的报错
}
).done(
function (data) {
console.log("uploadImage", data);
}
).fail(
function () {
}
);
后端:
/**
* 上传图片
*
* @param file
* @return
*/
@RequestMapping(params = "uploadImage")
@ResponseBody
public AjaxJson uploadImage(@RequestParam("file") MultipartFile file) throws Exception {
AjaxJson ajaxJson = new AjaxJson();
return ajaxJson;
}