Обработка изображений из XMLHttpRequest (с HTML и Javascript)

Я использую XMLHttpRequest для получения изображения с сервера (запускается локально из стороннего серверного апплета)

упрощенная версия кода показана ниже.

Изображение возвращается как JPEG, а в возвращаемом заголовке отображается «content-type = image / jpg». Я могу просматривать информацию через Firebug для Firefox.

Однако у меня ужасное время, когда я могу показывать реальное изображение на веб-странице, потому что это данные изображения, возвращаемые с сервера, НЕ URI в местоположение изображения.

Каков правильный способ отображения этого изображение из возвращенных данных? Должен ли я использовать тег , тег или тег?

function getXML(url, postData, requestStateChangeHandler){        
    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 = requestStateChangeHandler;

    xmlhttp.open("POST", url, true);
    xmlhttp.setRequestHeader('Content-Type', 'text/xml');
    xmlhttp.setRequestHeader('Cache-Control', 'no-cache');
    xmlhttp.send(postData);
}


function requestStateChangeHandler(){
    if (xmlhttp.readyState == 4) 
    {
        if(xmlhttp.status == 200)
        {
            document.getElementById('results').innerHTML = xmlhttp.responseText;
        }
        else
            dump("Error loading page\n");
    }
}