convert base64 string to image with javascript

Question

Am developing an application with Titanium. I need to convert base64 string which i would be getting from JSON to an image.

Your help would be greatly appreciated.

Answer 1

You can just create an img element and change its src with the required data:

<img src="data:image/png;base64,iVBORw0KGgoAAAANS..." />

Answer 2

For Titanium, you use the built in conversion utility Titanium.Utils.base64decode:

var imageFromBase64 = Titanium.UI.createImageView({
    image : Titanium.Utils.base64decode("iVBORw0KGgoAAAANS..."),
});

This converts a base64 string to a blob, which can be used in an ImageView.