Jeg har problemer med at vise et Base64-billede inline.
Kan nogen pege mig i den rigtige retning?
<!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>
Min mistanke er naturligvis faktiske base64-data, ellers ser det godt ud for mig. Se [denne fiddle][1] hvor lignende ordning virker. Du kan prøve at angive char set.
<div>
<p>Taken from wikpedia</p>
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
</div>
Du kan prøve denne base64-dekoder for at se, om dine base64-data er korrekte eller ej.
Du skal angive korrekt Content-type, Content-encoding og charset som
data:image/jpeg;charset=utf-8;base64,
i overensstemmelse med syntaksen i data URI-ordningen:
data:[<media type>][;charset=<character set>][;base64],<data>