我无法在线显示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数据.否则我觉得不错.参见this fiddle,类似的方案正在发挥作用.可以try 指定字符集.

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

您可以try this Base64 decoder来查看Base64数据是否正确.

Html相关问答推荐

分区位置:绝对由sibling 分区的差距移动

Bootstrap右和左颈部

使用tauri构建的Next.js应用程序不显示我的404页面

单表单和多个提交(具有多个值)

如何收集<;p&>元素下的<;p>;子元素

当光标悬停在(相同)父元素上方时,为多个子元素创建不同的过渡动画

<nav和button是姐妹元素.当添加了导航活动类时,我如何为按钮编写CSS?

如何显示自定义按钮以将产品添加到WooCommerce购物车?

配置了 HTML 视口的 Google Apps 脚本移动网络应用程序无法正确显示

按钮悬停效果不影响按钮内的图标

为什么我不能覆盖 div 的样式?

如何使用 Flutter 构建 Chrome 扩展?

为什么 CSS 网格超出了父级?

为 HTML5 文本字段设置最后六位正则表达式模式

如何使容器的大小适合其 position:absolute; 子元素的大小

将图像的高度限制为固定的纵横比,并在超过时使用 object-fit

在 iPhone 上分隔 HTML 邮箱输入中的多个邮箱条目