Hochladen einer Datei mit XMLHttprequest - Fehlende Grenze in multipart/form-data

Question

Ich lade eine Datei mit XMLHttprequest hoch. Hier ist die JS-Funktion, lädt dass eine Datei:

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

Auf der Serverseite, in upload.php ich die Datei auf diese Weise lesen:

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

Alles funktioniert gut, außer dass Ich bekomme eine PHP-Warnung:

Missing boundary in multipart/form-data POST data in Unknown on line 0. Wenn ich diese Zeile entferne: xhr.setRequestHeader("Content-Type", "multipart/form-data"); verschwindet die Warnung.

Was sollte das Problem hier sein?

Answer 1

Nun ist dieses seltsame ein wenig für mich, aber das ist, was funktioniert hat:

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

// !!! REMOVED ALL HEADERS 

// Send 
xhr.send(formData); 

In diesem Fall auf Server-Seite ich über php://input gesandt die Datei nicht lesen, aber die Datei wird in das $_FILES Array.

Das löste mein Problem, aber ich bin immer noch neugierig, warum erscheint jetzt die Datei in $_FILES?

Getestet in Chrome, Mozilla, Safari und IE10.