2012-02-24 17 views

risposta

24

Si può solo creare un elemento img e cambiare la sua src con i dati richiesti:

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

Nice one! Ulteriori informazioni su http://en.wikipedia.org/wiki/Data_URI_scheme –

+0

A condizione che l'immagine sia abbastanza piccola, sì, e se non è necessario supportare IE7 e inferiore: http://caniuse.com/#feat = datauri Browser limita dalla lunghezza del 'data:' stringhe URI sono estremamente variabili. Penso che IE8 sia il più basso a 32k. –

+1

sto sviluppando con Titanium, non v'è alcun tag img come tutto è javascript. So per le immagini che sono sul file system ho bisogno di fare qualcosa di simile: rightImage: Titanium.Filesystem.resourcesDirectory + 'images/ui/backimage.png'. Ma non so cosa fare per le immagini su una postazione remota – Mayoor

3

per il titanio, si utilizza il costruito nel utilità di conversione Titanium.Utils.base64decode:

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

Questo trasforma una stringa base64 a un blob, che può essere utilizzato in un ImageView.

Problemi correlati