Minulla on ongelmia Base64-kuvan näyttämisessä rivissä.
Voiko joku näyttää minulle oikean suunnan?
<!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>
Epäilyttäväni on tietysti todellinen base64-data, muuten se näyttää minusta hyvältä. Katso [tämä fiddle][1], jossa samanlainen järjestelmä toimii. Voit kokeilla char setin määrittämistä.
<div>
<p>Taken from wikpedia</p>
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
</div>
Voit kokeilla tätä base64-dekooderia nähdäksesi, onko base64-tietosi oikein vai ei.
Sinun on määritettävä oikea Content-type, Content-encoding ja charset. kuten
data:image/jpeg;charset=utf-8;base64,
data URI scheme syntaksin mukaisesti:
data:[<media type>][;charset=<character set>][;base64],<data>
Data-URI:ssä esiintyvä +-merkki olisi koodattava muodossa %2B. Tämä on sama kuin minkä tahansa muun URI:ssä olevan merkkijonon koodaus. Esimerkiksi argumenttien erotinmerkit (? ja &) on koodattava, kun argumentin sisältävä URI lähetetään osana toista URI:tä.