Javascript 如何通过ajax jquery获取图像?
我希望通过ajax jquery以这种方式显示图像,那么这是可能的吗Javascript 如何通过ajax jquery获取图像?,javascript,php,jquery,ajax,image,Javascript,Php,Jquery,Ajax,Image,我希望通过ajax jquery以这种方式显示图像,那么这是可能的吗 $.ajax({ url: "c.jpeg", type :"get", dataType: "image/jpeg", success: function(data) { $("#myimg2").attr("src",data); } }) 这是html <body> <img id="myimg2" ><br>
$.ajax({
url: "c.jpeg",
type :"get",
dataType: "image/jpeg",
success: function(data)
{
$("#myimg2").attr("src",data);
}
})
这是html
<body>
<img id="myimg2" ><br>
</body>
请试试这个。它对我有用
$.ajax({
url:“path/to/img.jpg”,
xhrFields:{
响应类型:“blob”
},
成功(数据){
const url=window.url | | window.webkitURL;
const src=url.createObjectURL(数据);
$('#image').attr('src',src);
}
});代码>
@Hussein应该多久更新一次图像?您不需要ajax来更新图像,只需使用常规图像标记,并每三秒向url添加一个时间戳来更新图像。一种方法可以包括使用setTimeout
,jQuery.ajax()
,从服务器返回图像作为数据URI
,不需要在浏览器上额外转换为objectURL
;可以使用现有的$(“#myimg2”).attr(“src”,数据)
@Hussein“是否从mysql数据库提交图像而不是服务器”是,“mysql数据库”是服务器到客户端浏览器?尝试在数据库中将图像转换为数据URI
,将数据URI
字符串返回到$.ajax()
header('content-type: image/jpeg');