2012-02-24 5 views

ответ

24

Вы можете просто создать img элемент и изменить его src с требуемыми данными:

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

Ницца! Подробнее об этом на http://en.wikipedia.org/wiki/Data_URI_scheme –

+0

При условии, что изображение достаточно мало, да, и если вам не нужно поддерживать IE7 и ниже: http://caniuse.com/#feat = datauri Ограничения браузера по длине 'data:' URI строки сильно варьируются. Я думаю, что IE8 является самым низким в 32k. –

+1

Я развиваюсь с титаном, нет тега img, так как все javascript. Я знаю, что для изображений, которые находятся в файловой системе, мне нужно сделать что-то вроде этого: rightImage: Titanium.Filesystem.resourcesDirectory + 'images/ui/backimage.png'. Но я не знаю, что делать для изображений на удаленном месте. – Mayoor

3

Для титана, можно использовать встроенную утилиту преобразования Titanium.Utils.base64decode:

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

Это преобразует строку base64 к блобу, который можно использовать в ImageView.

Смежные вопросы