使用php和javascript＆＃39; xml httprequest将图像上传到服务器

Question

所以，我想用php和javascript的xml httprequest将图像上传到服务器。 我知道如何上传名称和类似的数据，但不知道如何使用图像。我想说我不知道​​如何使用xmlhttprequests将图像传递给php。

的javascript：

function addArticleCat() {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("articles_cat_table").innerHTML =
            this.responseText;
        }
    };
    var catName = document.getElementById("article-cat-name").value;
    xhttp.open("GET", "js/ajax.php?f=articleCat&cat_name="+catName, true);
    xhttp.send();
}

PHP：

if ($_GET['f'] == 'addArticleCat')
{
    $cat_name = $_GET['cat_name'];
    $query = "INSERT INTO b_news_categories (cat_name) VALUES('$cat_name')";
    $result = mysql_query($query) or die(mysql_error());        
}