Question

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

最好的问候

Answer 1

您的问题遗漏了一些非常重要的细节，但假设返回的JSON有一个字符串是base64编码的图像，您可以将该字符串用作data URI的内容作为{{1} } src元素（假设compatible browser）。有关使用img URI作为图片here的更多信息。

示例：

data

Live Copy | Source

当然，如果JSON包含图像的链接，您只需将该链接直接用作var img = document.createElement('img'); img.src = "data:image/gif;base64," + dataFromServer.theImage; document.body.appendChild(img);，而不是使用src URI。

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;
    });
  });

DEMO

如何显示以JSON形式返回的图像

2 个答案: