如何修復jQuery中的ajax xhr錯誤

Question

基本上，我有一個type="file" ，我需要通過Ajax發送選擇的文件，但是每次提交表單時，我都會收到一個控制台錯誤，內容為：

提交ajax時出錯

這是我提交myform的方式：

$(document).ready(function() {
$('form').submit(function(event) {
    event.preventDefault();
    checkforImage($('#Propicselecter_file'), "yes");
});
$('[type="file"]').change(function() {
    var fileInput = $(this);
    checkforImage(fileInput, "no");
});
});

function submit_form(){
var fileInput = $('#Propicselecter_file');
$.ajax({
        url: '../propicuploader',
        type: 'POST',
        processData: false,
        data: fileInput[0],
        success: function(data){
        }
    });
}

function checkforImage(fileInput, submitornot){
if (fileInput.length && fileInput[0].files && fileInput[0].files.length) {
    var url = window.URL || window.webkitURL;
    var image = new Image();
    image.onload = function() {
      $("#NotPictureerror_spn").text("");
      if(submitornot == "yes"){
        submit_form();

      }
    };
    image.onerror = function() {
      $("#NotPictureerror_spn").text("Chosen file is not an image, Please Try Again");
    };
    image.src = url.createObjectURL(fileInput[0].files[0]);
}
}

提前致謝：）

Answer 1

嘗試傳遞formData對象而不是文件對象：

var form_data = new FormData();
form_data.append('file', fileInput.files[0]);
$.ajax({
     url: '../propicuploader',
     type: 'POST',
     processData: false,
     contentType:false, // Added
     data: form_data,
     success: function(data){
   }
});