Wgrywanie pliku z XMLHttprequest - Brakujące obramowanie w wieloczęściowym/formularzowym-danych

Question

Przesyłam plik z XMLHttprequest. Oto funkcja JS, który przesyła plik:

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

Po stronie serwera, w upload.php czytam plik w ten sposób:

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

wszystko działa w porządku, poza tym, że Otrzymuję ostrzeżenie PHP:

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

Jeśli usuniemy tę linię: xhr.setRequestHeader("Content-Type", "multipart/form-data"); ostrzeżenie zniknie.

Jaki powinien być problem?

Answer 1

No to jest dziwne, trochę dla mnie, ale to, co zadziałało:

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

// !!! REMOVED ALL HEADERS 

// Send 
xhr.send(formData); 

W tym przypadku po stronie serwera nie czytam plik wysyłany poprzez php://input ale plik będzie tablica $_FILES.

Rozwiązało to mój problem, ale nadal jestem ciekawy, dlaczego pojawia się teraz plik w $_FILES?

Testowany w Chrome, Mozilli, Safari i IE10.