Base64 画像をインラインで表示する際に問題が発生しています。
どうすればいいですか?
<!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>
ベストアンサー1
私の疑わしい点は、もちろん実際のBase64データです。それ以外は問題ないように見えます。このバイオリン同様のスキームが動作している場合、文字セットを指定してみることができます。
<div>
<p>Taken from wikpedia</p>
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
</div>
あなたが試すことができますこのBase64デコーダーBase64 データが正しいかどうかを確認します。