如何以HTML显示Base64图像？

  • Z时代
  • 2024-01-10
  • 分类：问答

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

回答：

我怀疑当然是实际的base64数据，否则对我来说看起来不错。在类似方案起作用的地方查看此小提琴。您可以尝试指定字符集。

<div>
  <p>Taken from wikpedia</p>
  <img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
    AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
        9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
</div>

您可以尝试使用base64解码器查看base64数据是否正确。

以上是 如何以HTML显示Base64图像？ 的全部内容， 来源链接： utcz.com/qa/435536.html

回到顶部