XMLHttprequestを使用したファイルのアップロード - multipart/form-dataに境界がありません

Question

XMLHttprequestでファイルをアップロードしています。 upload.php に私は、ファイルを読んで、この方法サーバー側では

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

：

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

すべてはことを除いて、正常に動作し ここでJSの関数であるが、それはファイルをアップロード私は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に表示されますか？

Chrome、Mozilla、Safari、およびIE10でテスト済みです。