Bir Base64 resmini satır içi görüntülemede sorun yaşıyorum.
Biri bana doğru yolu gösterebilir mi?
<!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>
Şüphelendiğim şey elbette gerçek base64 verileri, aksi takdirde bana iyi görünüyor. Benzer şemanın çalıştığı [bu fiddle][1]'e bakın. Karakter kümesi belirtmeyi deneyebilirsiniz.
<div>
<p>Taken from wikpedia</p>
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
</div>
Base64 verilerinizin doğru olup olmadığını görmek için bu base64 kod çözücüyü deneyebilirsiniz.
Doğru Content-type, Content-encoding ve charset belirtmeniz gerekir gibi
data:image/jpeg;charset=utf-8;base64,
veri URI şeması]1'in sözdizimine göre:
data:[<media type>][;charset=<character set>][;base64],<data>
Bir veri URI'sinde geçen + karakteri %2B olarak kodlanmalıdır. Bu, bir URI'deki diğer dizelerin kodlanması gibidir. Örneğin, argüman ayırıcılar (? ve &), argüman içeren bir URI başka bir URI'nin parçası olarak gönderildiğinde kodlanmalıdır.