請求不包含多部分/表單數據或多部分/混合流，內容類型標頭為false

Question

我想通過ajax發送圖像，但出現以下異常：

org.apache.commons.fileupload.FileUploadBase$InvalidContentTypeException: the request doesn't contain a multipart/form-data or multipart/mixed stream, content type header is false

令人驚訝的是，當我定期發送此表單（而不是通過Ajax）時，表單工作正常。

org.apache.commons.fileupload.FileUploadException: the request was rejected because no multipart boundary was found

這是jQuery代碼：

$(document).ready(function() {
    $("#myform").submit(function(e) {
       e.preventDefault();
       var data = new FormData();
       data.append('file', document.formName.file.files[0]); // <-- possibly this line doesn't work
       $.ajax({
          url: 'upload.do',
          data: data,
          cache: false,
          contentType: false,
          processData: false,
          type: 'POST',
          success: function(res) {
          }
      });
   });
});

以及形式：

 <form name="formName" enctype="multipart/form-data" id="myform" action="upload.do" method="POST">    
   <input type="file"  name="file" id="input-file" /> 
   <br>
   <input type="submit" value="Upload images" class="upload" />
 </form>

Answer 1

嘗試這個：

$(document).ready(function() {
    $('.upload').click(function() {
        var input = document.getElementById('input-file');
        file = input.files[0];
        var data = new FormData();
        data.append('file', file);
        $.ajax({
            url: 'upload.do',
            data: data,
            cache: false,
            contentType: false,
            processData: false,
            type: 'POST',
            success: function(res) {
            }
        });
    });
});