jQuery preventDefault后文件上传失败

Question

我正在尝试使用JSP / JQuery上传文件，但是在提交之前我必须进行几次Ajax调用。

但是，在进行Ajax调用并提交表单之后，表单字段在服务器端是否为空？

如果我不调用e.preventDefault（），那么一切都可以，但是我需要预先提交Ajax调用！

谢谢

CLIENT SIDE:

<form method="post" action="accept.htm" enctype="multipart/form-data">
  ...
  <input type="file" name="thefile" id="thefile"/>
  <input type="submit" name="uploadfile" id="uploadfile" value="Upload File"/>
  ...
</form>

$("form").on("submit", function(e) 
{
    e.preventDefault(); // stop the form being submitted for now

    // make a few ajax calls
    ...

    // submit the form in ajax success callback
    $("form").unbind("submit");
    $("form").submit();
}

SERVER SIDE:

boolean isMultipart = ServletFileUpload.isMultipartContent(request);

ServletFileUpload servletFileUpload = new ServletFileUpload();
servletFileUpload.setFileSizeMax(Long.valueOf(maxUploadFileSize));
servletFileUpload.setProgressListener(new UploadProgressListener());
FileItemIterator fileItemIterator = servletFileUpload.getItemIterator(request);

if(isMultipart)
{
    while(fileItemIterator.hasNext())  <--- empty?
    {
    ...
    }
}

Answer 1

尝试这个

$("form").on("submit", function(e) 
{
    // make a few ajax calls
    ...

    // finally submit
    $("form").unbind("submit");
    $("form").submit();
    e.preventDefault(); // stop the form being submitted for now
}

e.preventDefault(); 发送返回false可能与ajax有关

Answer 2

原来我在禁用文件输入字段的Ajax调用之一中有一个JQuery语句。 删除此文件后，该文件在服务器端再次可用。 因此，禁用文件输入字段会导致由于某些原因使其不可用。