Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/457.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在SpringMVC中如何将图像从jsp传递到控制器_Javascript_Ajax_Spring Mvc - Fatal编程技术网

Javascript 在SpringMVC中如何将图像从jsp传递到控制器

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

在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=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";
}