如何显示作为JSON返回的图像
我想调用一个以JSON形式返回图像的web服务。但我不知道如何在HTMl页面中将返回的JSON显示为图像如何显示作为JSON返回的图像,json,Json,我想调用一个以JSON形式返回图像的web服务。但我不知道如何在HTMl页面中将返回的JSON显示为图像 致意您的问题遗漏了一些非常重要的细节,但是假设返回的JSON有一个base64编码图像的字符串,您可以将该字符串用作img元素的src(假设a)的内容。有关将数据URI用作图像的详细信息 例如: var img = document.createElement('img'); img.src = "data:image/gif;base64," + dataFromServer.theIma
致意您的问题遗漏了一些非常重要的细节,但是假设返回的JSON有一个base64编码图像的字符串,您可以将该字符串用作
img
元素的src
(假设a)的内容。有关将数据
URI用作图像的详细信息
例如:
var img = document.createElement('img');
img.src = "data:image/gif;base64," + dataFromServer.theImage;
document.body.appendChild(img);
|
当然,如果JSON包含指向图像的链接,您只需将该链接直接用作
src
,而不是使用data
URI。您是在询问以下问题吗:
$.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;
});
});
$.getJSON(“http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
{
标签:“gulmarg”,
tagmode:“任何”,
格式:“json”
},
功能(数据){
$.each(data.items,function(i,item){
$("
返回的JSON是什么样子的?其中包含的图像是什么?(当然,这些信息是相当明显的一部分?)感谢您提供了宝贵的答案;老实说,web服务还没有准备好,但我正在尝试阅读和探索进行集成的可用方法。因为web服务是另一个系统的一部分,该系统声称他们将在下一个版本中提供一个web服务以JSON形式返回图像。谢谢