Javascript 在SpringMVC中如何将图像从jsp传递到控制器
在SpringMVC中将图像文件从html发送到控制器页面Javascript 在SpringMVC中如何将图像从jsp传递到控制器,javascript,ajax,spring-mvc,Javascript,Ajax,Spring Mvc,在SpringMVC中将图像文件从html发送到控制器页面 File to upload: <input type="file" name="UploadFile" id="file"><br> <input type="submit" value="Upload" onclick="sortByDateeeee()"> 跟随控制器 @ResponseBody @RequestMapping(value="/uploadFile", method=R
File to upload: <input type="file" name="UploadFile" id="file"><br>
<input type="submit" value="Upload" onclick="sortByDateeeee()">
跟随控制器
@ResponseBody
@RequestMapping(value="/uploadFile", method=RequestMethod.POST)
@HttpMethodConstraint(value = "POST")
public String uploadFileHandler(@RequestParam(required=false) HttpServletRequest request)
System.out.println("request: "+request);
}
我的问题是无法呼叫控制器。。请帮我摆脱这一困境。我想这个url只会
var url="uploadFile";
。您可能不需要添加其余的内容
<input type="file" name="file" />
<script type="text/javascript">
function sortByDateeeee() {
var formData = new FormData();
formData.append('file', $('input[type=file]')[0].files[0]);
console.log("form data " + formData);
$.ajax({
url : 'login/uploadFile',
data : formData,
processData : false,
contentType : false,
type : 'POST',
success : function(data) {
alert(data);
},
error : function(err) {
alert(err);
}
});
}
</script>
<input type="file" name="file" />
<script type="text/javascript">
function sortByDateeeee() {
var formData = new FormData();
formData.append('file', $('input[type=file]')[0].files[0]);
console.log("form data " + formData);
$.ajax({
url : 'login/uploadFile',
data : formData,
processData : false,
contentType : false,
type : 'POST',
success : function(data) {
alert(data);
},
error : function(err) {
alert(err);
}
});
}
</script>
@RequestMapping(method = RequestMethod.POST)
public @ResponseBody String doUpload(@RequestParam("file") MultipartFile multipartFile) {
return "Uploaded: " + multipartFile.getSize() + " bytes";
}