如何以HTML显示Base64图像？

小编典典

如何以HTML显示Base64图像？

html

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

阅读 2010

2020-05-10

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

2020-05-10