当前位置: 首页 > 面试题库 >

如何以HTML显示Base64图像?

雍河
2023-03-14
问题内容

我在内联显示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数据是否正确。



 类似资料:
  • 问题内容: 在我的应用程序中,我尝试显示base64图像… 例如我有: 在网址上: 在ng-repeat循环中,我有: 但结果我看到了: 但为什么?如何显示我的图像数据? 问题答案: 如果映像来自远程服务器,则可以像下面这样在控制器中获取base64内容: 然后在视图上显示 当图像位于本地磁盘/电话上时,首先您可以从 然后将绑定为

  • 问题内容: 我有这段代码,它已使用Webservice获取已经转换为字符串的BLOB图像。这是JSON输出。 这是我在android中获取JSON并将其显示在布局中的代码。除图像外,其他值也已显示。 我的代码有什么问题,为什么图像没有显示在ImageView中?提前致谢。:) 问题答案: 将 base64 转换为 位图后 将位图调整为Imageview的高度和宽度

  • 我不理解下面代码中用于显示图像的项目

  • 本文向大家介绍如何在PHP中以HTML显示XML?,包括了如何在PHP中以HTML显示XML?的使用技巧和注意事项,需要的朋友参考一下 如果字符串是预先格式化的,并且需要用纯文本表示,则可以将其包装在HTML <pre />标记中,并且html实体可以用于转义尖括号。这已经显示如下- 字符串被分配给字符串类型,上面的字符串用于显示HTML中的XML- 示例 输出结果 这将产生以下输出-

  • 本文向大家介绍php实现图片以base64显示的方法,包括了php实现图片以base64显示的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了php实现图片以base64显示的方法。分享给大家供大家参考,具体如下: 这里实现图片以字符串形式保存到网页,从而不需要再加载图片的功能。 这是在RFC2397中定义的Data URI scheme,目的是将一些小的数据,直接嵌入到网页中,从而不

  • 我正在使用AngularJS。我将图像显示为:src=“data:image/png;base64,ivborw0kg...”成功了。当我把'png'改成jpeg、gif或jpg时,什么也没有发生。它仍然正确显示。所以我想问你前缀对显示图像的影响是不是?消极还是积极? 此外,我接收的数据图像从服务器没有任何前缀。所以我必须设置一个硬代码'data:image/png;base64,‘。这是好还是坏