在xmlhttprequest中将图像作为参数发送Post方法失败

Question

我是JavaScript新手。在第一次我成功发送了一些数据作为xmlhttprequest post方法中的参数。但之后我尝试将Image作为参数发送，但这次post方法失败。这里我使用内容类型作为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);

}