json - 如何显示以 JSON 格式返回的图像

Question

我想调用一个以 JSON 格式返回图像的 Web 服务。但我不知道如何在 HTMl 页面中将返回的 JSON 显示为图像。？

最好的祝福

Answer 1

您的问题遗漏了一些非常重要的细节，但假设返回的 JSON 有一个字符串是 base64 编码的图像，您可以将该字符串用作dataURI的内容作为元素src的img内容（假设兼容的浏览器）。更多关于在此处data使用URI 作为图像的信息。

例子：

var img = document.createElement('img');
img.src = "data:image/gif;base64," + dataFromServer.theImage;
document.body.appendChild(img);

实时复制| 来源

当然，如果 JSON 包含指向图像的链接，您只需直接使用该链接src而不是使用dataURI。

Answer 2

您是否在问以下问题：

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
  {
    tags: "gulmarg",
    tagmode: "any",
    format: "json"
  },
  function(data) {
    $.each(data.items, function(i,item){
      $("<img/>").attr("src", item.media.m).appendTo("#images");
      if ( i == 5 ) return false;
    });
  });

演示