如何在 HTML 中显示 Base64 图像

小编典典

如何在 HTML 中显示 Base64 图像

all

我无法内联显示 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>

阅读 429

2022-02-28

共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
数据是否正确。

2022-02-28