Ho problemi a visualizzare un'immagine Base64 in linea.
Qualcuno può indicarmi la direzione giusta?
<!DOCTYPE html>
<html>
<head>
<title>Display Image</title>
</head>
<body>
<img style='display:block; width:100px;height:100px;' id='base64image'
src='data:image/jpeg;base64, LzlqLzRBQ...<!-- base64 data -->' />
</body>
</html>
Il mio sospetto è ovviamente i dati base64 reali, altrimenti mi sembra buono. Vedi [questo fiddle][1] dove funziona uno schema simile. Puoi provare a specificare il set di char.
<div>
<p>Taken from wikpedia</p>
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
</div>
Puoi provare questo decoder base64 per vedere se i tuoi dati base64 sono corretti o no.
È necessario specificare correttamente Content-type, Content-encoding e charset come
data:image/jpeg;charset=utf-8;base64,
secondo la sintassi dello schema URI dati:
data:[<media type>][;charset=<character set>][;base64],<data>
Il carattere + che si trova in un URI di dati dovrebbe essere codificato come %2B. Questo è come la codifica di qualsiasi altra stringa in un URI. Per esempio, i separatori di argomenti (? e &) devono essere codificati quando un URI con un argomento è inviato come parte di un altro URI.