ajax - 这个 ajax 调用下面的休息服务是否正确？

Question

样品休息服务如下：

@RequestMapping(value = "/image/upload", method = RequestMethod.POST)
public void uploadImage(@RequestParam("image") MultipartFile fileObj)
        throws Exception 
{
  System.out.print("File Name:"+fileObj.getOriginalFileName()); 

}

我写了这样的ajax代码：当我调用它时，我的接受应用程序格式是Json，我得到400错误

            $('#user_click').click(function(){
    var data = { 
              image:$("#file_1").val
                };
    $.ajax({
        url : "http://localhost:8080/MyProject/image/upload",
        type : "POST",
        contentType : false,
        crossDomain : true,
        data : JSON.stringify(data),
        dataType : 'json',
        async : true,
        success : function(result) {
            alert('The Selected Items uploaded');
        },
        error: function(message){
          alert("Error:"+JSON.stringify(message));  
        }
       });

这个ajax代码是否正确？

Answer 1

不，它不起作用，因为 ajax 请求不会传输文件数据。

解决方案是

1. 使用像jquery-form这样的文件上传插件

前任：

$('#myForm').ajaxSubmit({
    url : 'http://localhost:8080/MyProject/image/upload',
    type : "POST",
    dataType : "json",
    success : function(response) {

    },
    error : function(response) {

    }
});

1. 使用 html5 FormData（遗憾的是不支持 IE）