logo标签列表

如何通过ajax和jQuery获取图片？

javascriptphpjqueryajaximage
3
我想通过Ajax jQuery这种方式展示图片，这是否可行？
$.ajax({  
    url: "c.jpeg",
    type :"get",
    dataType: "image/jpeg",

    success: function(data)
    {

      $("#myimg2").attr("src",data);
    }

   })

这是 HTML 代码

<body>
<img id="myimg2" ><br>
</body>

如果有办法的话，我也想从PHP文件中获取图像，而不是直接使用JPEG文件和这个头文件。

header('content-type: image/jpeg');
2
https://dev59.com/xGMm5IYBdhLWcg3wX-LT - Musa
1
@Hussein 图像应该更新多频繁？ - guest271314
2
你不需要使用ajax来实现这个功能，只需使用普通的图像标签，并在URL后每三秒附加一个时间戳以更新它。 - adeneo
1
@Hussein_"从MySQL数据库获取图像而不是服务器" 是的，"MySQL数据库"就是从服务器到客户端浏览器的吗？尝试在数据库中将图像转换为数据URI，在$.ajax()中返回数据URI字符串。 - guest271314
1
@Hussein 请查看 http://php.net/manual/en/wrappers.data.php，https://davidwalsh.name/data-uri-php，http://www.paulund.co.uk/convert-image-base64-php，https://gist.github.com/FlyingTopHat/3661056。 - guest271314
显示剩余7条评论
1个回答
3
请试一下这个。它对我有效。 

$.ajax({
   url: "path/to/img.jpg",
   xhrFields: {
      responseType: 'blob'
   },
   success (data) {
      const url = window.URL || window.webkitURL;
      const src = url.createObjectURL(data);
      $('#image').attr('src', src);
   }
});
<div>
  <img id="image">
</div>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接