jQuery.ajax ve FormData kullanılarak dosya yükleme

Question

XMLHttpRequest kullanıldığında, dosya doğru olarak FormData kullanılarak yüklenir. Ancak, jQuery.ajax'a geçtiğimde kodum kırılıyor.

Bu çalışma özgün bir koddur: Burada

function uploadFile(blobFile, fileName) { 
    var fd = new FormData(); 
    fd.append("fileToUpload", blobFile); 
    var xhr = new XMLHttpRequest(); 
    xhr.open("POST", "upload.php", true); 
    xhr.send(fd); 
} 

benim başarısız jQuery.ajax girişimi olduğu:

function uploadFile(blobFile, fileName) { 
    var fd = new FormData(); 
    fd.append("fileToUpload", blobFile); 
    var xm = $.ajax({ 
     url: "upload.php", 
     type: "POST", 
     data: fd, 
    }); 
} 

Neyi yanlış yapıyorum? AJAX kullanarak dosyanın doğru şekilde nasıl yüklenmesini sağlayabilirim?

Answer 1

processData:false,contentType:false yöntemini yönteminize eklemeniz gerekir, böylece jQuery üstbilgileri veya verileri değiştirmez (geçerli kodunuzu bozar).

function uploadFile(blobFile, fileName) { 
    var fd = new FormData(); 
    fd.append("fileToUpload", blobFile); 

    $.ajax({ 
     url: "upload.php", 
     type: "POST", 
     data: fd, 
     processData: false, 
     contentType: false, 
     success: function(response) { 
      // .. do something 
     }, 
     error: function(jqXHR, textStatus, errorMessage) { 
      console.log(errorMessage); // Optional 
     } 
    }); 
}