jQuery.ajax और FormData

Question

का उपयोग कर फ़ाइल अपलोड करने के लिए कैसे करें जब मैं XMLHttpRequest का उपयोग करता हूं, तो FormData का उपयोग करके फ़ाइल सही तरीके से अपलोड की जाती है। हालांकि, जब मैं jQuery.ajax पर स्विच करता हूं, तो मेरा कोड टूट जाता है।

यह काम कर मूल कोड है:

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); 
} 

यहाँ मेरी असफल jQuery.ajax प्रयास किया जाता है:

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

क्या मैं गलत कर रहा हूँ? AJAX का उपयोग करके, फ़ाइल को सही तरीके से अपलोड करने के लिए मैं कैसे प्राप्त कर सकता हूं?

Answer 1

आपको अपनी विधि में processData:false,contentType:false जोड़ना है, ताकि jQuery हेडर या डेटा (जो आपके वर्तमान कोड को तोड़ता है) को परिवर्तित नहीं करता है।

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 
     } 
    }); 
}