如何通过ajax jquery获取图像？答案

【问题标题】：How to get Image through ajax jquery?如何通过ajax jquery获取图像？
【发布时间】：2016-03-31 18:46:24
【问题描述】：

我想以这种方式通过 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');

【问题讨论】：

stackoverflow.com/questions/17657184/…
@Hussein 图片应该多久更新一次？
这个你不需要ajax，只要使用一个普通的图片标签，每三秒在url上附加一个时间戳来更新它。
一种方法可以包括使用setTimeout、jQuery.ajax()，从服务器返回图像为data URI，这不需要在浏览器中额外转换为objectURL；可以使用现有的$("#myimg2").attr("src",data);
@Hussein “图像来自 mysql 数据库而不是服务器” 是的，“mysql 数据库”是服务器到客户端浏览器？尝试在数据库中将图像转换为data URI，将data URI字符串返回到$.ajax()

标签： javascript php jquery ajax image

【解决方案1】：

请试试这个。它对我有用。

$.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>

【讨论】：