如何通过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">