XMLHttprequest के साथ एक फ़ाइल अपलोड करना - मल्टीपार्ट/फॉर्म-डेटा

Question

में लापता सीमा मैं XMLHttprequest के साथ एक फ़ाइल अपलोड कर रहा हूं।

var upload = function(file) { 
    // Create form data 
    var formData = new FormData(); 
    formData.append('file', file); 

    var xhr = new XMLHttpRequest(); 

    // Open 
    xhr.open('POST', this.options.action); 

    // Set headers 
    xhr.setRequestHeader("Cache-Control", "no-cache"); 
    xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest"); 
    xhr.setRequestHeader("Content-Type", "multipart/form-data"); 
    xhr.setRequestHeader("X-File-Name", file.fileName); 
    xhr.setRequestHeader("X-File-Size", file.fileSize); 
    xhr.setRequestHeader("X-File-Type", file.type); 

    // Send 
    xhr.send(formData); 
} 

सर्वर साइड पर इस तरह से, upload.php में मैं फ़ाइल को पढ़ने:

file_put_contents($filename, (file_get_contents('php://input'))); 

सब कुछ ठीक काम करता है, सिवाय इसके कि यहाँ जे एस समारोह है, कि एक फ़ाइल अपलोड करता है मुझे एक PHP चेतावनी मिलती है:

Missing boundary in multipart/form-data POST data in Unknown on line 0।

यदि मैं इस पंक्ति को हटा देता हूं: xhr.setRequestHeader("Content-Type", "multipart/form-data"); चेतावनी दूर हो जाती है।

यहां समस्या क्या होनी चाहिए?

Answer 1

खैर यह मेरे लिए थोड़ा अजीब है, लेकिन यह क्या काम किया है:

// Open 
xhr.open('POST', this.options.action, true); 

// !!! REMOVED ALL HEADERS 

// Send 
xhr.send(formData); 

इस मामले में, सर्वर साइड पर मैं php://input के माध्यम से भेजा फ़ाइल को पढ़ने नहीं है, लेकिन फ़ाइल में होगा $_FILES सरणी।

इससे मेरी समस्या हल हो गई, लेकिन मैं अभी भी उत्सुक हूं कि $_FILES में फ़ाइल क्यों दिखाई देती है?

क्रोम, मोज़िला, सफारी और आईई 10 में परीक्षण किया गया।