javascriptを使ってXMLHttpRequestでファイルを送信するには？

Question

私のhtmlコード：

<input type="file" id="attachFileId"" name="contactUs_attach" /> 

マイジャバスクリプトコード：

var userfile=document.getElementById('attachFileId').files[0]; 
var attchment = new FormData(); 
attchment.append("userfile",userfile); 
var xhr = new XMLHttpRequest(); 
xhr.open('POST','/cgi-bin/upload.cgi'); 
xhr.setRequestHeader('Content-Type',"multipart/form-data"); 
xhr.onload = function() { 
    if(xhr.responseText==="y") { 
    alert("sucess!"); 
    } 
}; 
xhr.send(attchment); 

上記のコードは、私のために動作しません。誰かがこの問題を解決するのに役立つことができますか？

Answer 1

この行を削除します。

xhr.setRequestHeader('Content-Type',"multipart/form-data"); 

マルチパートフォームデータのヘッダは、コンテンツに境界マーカーを指定する必要があり、そしてあなたが境界線を生成していないので、それを行うことはできませんあなた自身（FormDataとXHRがそうしています）。

あなた自身でヘッダを指定しないと、FormDataオブジェクトに基づいてXHRによって生成されます。