Tải lên tệp có XMLHttprequest - Thiếu đường viền trong nhiều phần/biểu mẫu-dữ liệu

Question

Tôi đang tải lên tệp có XMLHttprequest. Dưới đây là chức năng JS, đó tải lên một tập tin:

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

Về phía server, trong upload.php Tôi đọc các tập tin theo cách này:

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

Tất cả mọi thứ hoạt động tốt, ngoại trừ việc Tôi nhận được Cảnh báo PHP:

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

Nếu tôi xóa dòng này: xhr.setRequestHeader("Content-Type", "multipart/form-data"); cảnh báo biến mất.

Điều gì sẽ là vấn đề ở đây?

Answer 1

Vâng đây là lạ một chút cho tôi, nhưng đây là những gì làm việc:

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

// !!! REMOVED ALL HEADERS 

// Send 
xhr.send(formData); 

Trong trường hợp này, về phía máy chủ tôi không đọc các tập tin gửi qua php://input nhưng các tập tin sẽ được ở mảng $_FILES.

Điều này giải quyết được vấn đề của tôi, nhưng tôi vẫn tò mò tại sao lại xuất hiện tệp này ở $_FILES?

Đã thử nghiệm trong Chrome, Mozilla, Safari và IE10.