Javascript 使用ajax发布表单-“；当前请求不是多部分请求”；

我有一个简单的表格：

<form id="myForm" method="POST" action="/project/upload" target="myFrame"
enctype="multipart/form-data">


Please select a file to upload : <input id="file" type="file" name="file" />
<input type="button" onclick="initSubmit()" value="upload" />
</form>             
<iframe name="myFrame" height=0 width=0></iframe>

以下是我的javascript：

function submitForm() {
    $("form#myForm").submit();
}

function initSubmit() {

$('form#myForm').submit(function () {
    $.post('/project/upload', $('form#myForm').serialize(), function (data, textStatus) {
            debugger;
         alert("Yeah!, i can get the call back!");
    });
    return false;
});
submitForm();

}

以下是我的控制器方法：

@RequestMapping(value = "/upload", method = RequestMethod.POST)
public String handleFormUpload( 
    @RequestParam("file") MultipartFile file,HttpServletResponse response ) throws IOException{
if (!file.isEmpty()) {
 // handle here
 }
return imageURL;
}

我100%确定ajax调用对我的控制器无效

p、 我这样做是为了回调函数。我需要在客户端接收imageURL，显然表单回调很复杂

p、 s#2-定期提交表单，但不添加js，可以正常工作，但我无法获得回调上下文

@RequestMapping(value = "/upload", method = RequestMethod.POST)
public String handleFormUpload( 
    @RequestParam("file") MultipartFile file,HttpServletResponse response ) throws IOException{
if (!file.isEmpty()) {
 // handle here
 }
return imageURL;
}