使用ajax从服务器检索图像的最佳方法

Question

我想通过点击基于Ajax的asp.net网站上的按钮从服务器获取gif图像.Gif每次都会在服务器发送之前动态更改（实际上我想刷新图像）。我试过这个javascript，但没有帮助我：

<script>
function loadXMLDoc() {
    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) {
            document.getElementById("img1").innerHTML = 'data:image/Gif;base64,' + xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET", "images/img.gif", true);
    xmlhttp.send();
}

我也尝试过.src而不是.innerHTML并删除'data：image / Gif; base64'，但没有帮助。 输出是这样的：

数据：图像/的Gif; BASE64，的GIF89a ¾ ！NETSCAPE2.0！  ，3F ++ 3 + F +++ UU3UfUUU3f3f3f 3f3333f3333 + 3 + 33 + F3 + 3 + 3 + 3U3U33Uf3U 3U3U3333f3333333f3333333f 3个333333 f333ff3ffffff + F + 3F + FF + F + F + fUfU3fUffUfUfUff3f ffffff3fffff ff3fffffff3fffff3f̙++ 3 + F ++̙+UU3UfUU̙U3f̙3f

有没有办法解码上面的输出或其他ajax方法来获取图像没有使用webservice？