如何通过ajax jquery获取图像?

时间:2015-12-26 01:18:11

标签: 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>
</body>

如果可以某种方式实现这一点。我也希望从php文件中获取图像,而不是使用此标头直接获取jpeg文件。

header('content-type: image/jpeg');

1 个答案:

答案 0 :(得分: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>