Làm cách nào để thêm dữ liệu tiêu đề trong XMLHttpRequest khi sử dụng formdata?

Question

Tôi đang cố gắng để thực hiện một API tập tin tải lên, đưa ra ở đây:
Mediafire file Upload

Tôi thành công có thể tải lên các bài viết dữ liệu & Lấy dữ liệu, nhưng không có đầu mối làm thế nào để gửi x-filename thuộc tính, có nghĩa là Dữ liệu tiêu đề như được đưa ra trong hướng dẫn API.

Mã của tôi:

xmlhttp=new XMLHttpRequest(); 
var formData = new FormData(); 

formData.append("Filedata", document.getElementById("myFile").files[0]); 

var photoId = getCookie("user"); 
// formData.append("x-filename", photoId);   //tried this but doesn't work 
// xmlhttp.setRequestHeader("x-filename", photoId); //tried this too (gives error) [edited after diodeous' answer] 

xmlhttp.onreadystatechange=function() 
{ 
    alert("xhr status : "+xmlhttp.readyState); 
} 

var url = "http://www.mediafire.com/api/upload/upload.php?"+"session_token="+getCookie("mSession")+"&action_on_duplicate=keep"; 

xmlhttp.open("POST", url); 
// xmlhttp.setRequestHeader("x-filename", photoId); //tried this too, doesnt work. Infact nothing gets uploaded on mediafire. [edited after apsillers' answer] 
// cant get response due to same origin policy 
xmlhttp.send(formData); 

Answer 1

lỗi của bạn

InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable

xuất hiện vì bạn phải gọi setRequestHeadersau gọi open. Đơn giản chỉ cần di chuyển dòng setRequestHeader của bạn dưới đây dòng của bạn open (nhưng trước khi send):

xmlhttp.open("POST", url); 
xmlhttp.setRequestHeader("x-filename", photoId); 
xmlhttp.send(formData); 

Answer 2

Sử dụng: xmlhttp.setRequestHeader(key, value);

Answer 3

Kiểm tra để xem nếu cặp khóa-giá trị được thực hiện trong các yêu cầu:

Trong Chrome, tìm thấy ở đâu đó như: F12: Developer Tools > Network Tab > Whatever request you have sent > "view source" under Response Headers

Tùy thuộc vào quy trình thử nghiệm của bạn, nếu bất kỳ cặp nào bạn thêm vào không có ở đó, bạn có thể chỉ cần xóa bộ nhớ cache của trình duyệt. Để xác minh rằng trình duyệt của bạn đang sử dụng mã cập nhật nhất, bạn có thể kiểm tra các nguồn của trang, trong Chrome tìm thấy ở đâu đó như: F12: Developer Tools > Sources Tab > YourJavascriptSrc.js và kiểm tra mã của bạn.

Nhưng khi câu trả lời khác đã nói:

xhttp.setRequestHeader(key, value); 

nên thêm một cặp khóa-giá trị tiêu đề yêu cầu của bạn, chỉ cần đảm bảo để đặt nó sau open() và trước khi bạn send()