javascript中输入类型文件将图像从客户端上传到服务器的替代方案是什么

我正在寻找一种更灵活的JavaScript方式（而不是JQ或添加的库）做同样的事情，你可以在下面的HTML中看到：

<form action="images.php" method="post" enctype="multipart/form-data">
    <label for="file">Filename:</label>
    <input type="file" name="file" id="file"><br>
    <input type="submit" name="submit" value="Submit">
</form>

我在JavaScript中需要它，因为在JavaScript中，我还可以在邮件正文中发布额外的参数。我想做一些事情来提醒以下（部分伪代码）：

HTML:

<a onclick=addImage()> Add your photo </a>

JavaScript:

function addImage(){
var image = <functionality to open file browser to choose image to send>
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)
    {
       //page.reload();
    }
}

   xmlhttp.open("POST",urlPHP + "images.php",true);
   xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
   xmlhttp.send(image);

}