Question

I want to call a web service that return an image as JSON. But i do not know how I can display the returned JSON as an image inside HTMl page.?

Best Regards

Answer 1

Your question leaves out some very important details, but assuming that the returned JSON has a string which is a base64-encoded image, you could use that string as the content of a data URI as the src of an img element (assuming a compatible browser). More on using data URIs as images here.

Example:

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

Live Copy | Source

Of course, if the JSON contains a link to the image, you’d just use that link directly as src rather than using a data URI.