通过AJAX检索图像并以img标签显示

时间:2016-07-13 16:08:10

标签: javascript php html ajax image

如何通过javascript的AJAX检索图像,然后在img标签中显示?仅供参考我的图像保存为BLOB。我已经尝试了许多解决方案,但它似乎没有效果......

这是我在BAConsult.php页面上的javascript ajax。

function getimage(str,str1) { //get past consultation image and show in img tag 
    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) {

        }
    };
    xmlhttp.open("GET","BAConsultGetImageAJAX.php?q="+str+"&q1="+str1,true);
    xmlhttp.send();   
}

这是我的BAConsultGetImageAJAX.php页面代码。

$q = $_GET['q']; //get dateconsulted value
$q1 = $_GET['q1']; //get timeconsulted value
$consultimage="SELECT customerface FROM Counsel where nric='$_SESSION[nric]' and dateconsulted='$q' and timeconsulted='$q1'";
$consultimageresult = mysqli_query($dbconn,$consultimage);

$row = mysqli_fetch_assoc($consultimageresult);
header("Content-type: image/jpeg");


echo $row['customerface'];

这是我的img标签。我不知道该为src准备什么。

<img id="customerface" src="" alt="your image" class ="consultimg">

0 个答案:

没有答案