javascript - xmlhttprequest Post メソッドのパラメーターとして画像を送信するのに失敗しました

Question

私はJavaScriptが初めてです。この最初の例では、いくつかのデータを xmlhttprequest post メソッドのパラメーターとして正常に送信しました。しかし、その後、パラメーターとして Image を送信しようとしていますが、今回は post メソッドが失敗します。ここでは content-type をmultipart/form-data

postメソッドで画像をパラメータとして送信することに成功しましたが、今回は<form>タグを使用しました。

これについて誰か教えてください。最初の手順が失敗するのはなぜですか?

function store(){
var pname=document.getElementById("pname").value;
var price=document.getElementById("price").value;
var discount=document.getElementById("discount").value;
var desc=document.getElementById("desc").value;
var heading=document.getElementById("heading").value;
var image=document.getElementById("image").value;

 var params="pname="+pname+"&price="+price+"&discount="+discount+"&desc="+desc+"&heading="+heading+"&image="+image;

var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {             
           var txt=xmlhttp.responseText;
           var obj = eval ("(" + txt + ")");
           if(obj.success)
           {
           userlogin(obj.username,obj.password);
            }
           else
           document.location.href="Userregistration.jsp";
           //document.getElementById("countryname").innerHTML=obj.CurrencyById[0].country;
           alert("Registered");
     }
 }
 xmlhttp.open("POST","Newproduct",true);
 xmlhttp.setRequestHeader("Content-type", "multipart/form-data");
xmlhttp.send(params);

}