如何在Spring MVC中將圖像從jsp傳遞到控制器

Question

將圖像文件從html發送到Spring MVC中的控制器頁面

File to upload: <input type="file" name="UploadFile" id="file"><br>
<input type="submit" value="Upload" onclick="sortByDateeeee()">

使用javascript獲取此圖像文件並傳遞給控制器​​。

function sortByDateeeee(){
    var request = document.getElementById("file").value;

    var url=CONTEXT_ROOT+"/login/uploadFile";
    $.ajax({  
        type: "POST",  
        url: url,  
        data:{ 
            "request": request
            },
         success: function(response){
            //alert(response);
        }
        });  
}

跟隨控制器

@ResponseBody
    @RequestMapping(value="/uploadFile", method=RequestMethod.POST)
    @HttpMethodConstraint(value = "POST")
    public  String uploadFileHandler(@RequestParam(required=false) HttpServletRequest request)
System.out.println("request: "+request);

}

我的問題無法致電控制器。.請幫助我擺脫困境。

Answer 1

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

Answer 2

我認為網址只會

var url="uploadFile";

。 您可能不需要添加其他內容