在html中显示base64图片

最新推荐文章于 2024-03-31 16:48:46 发布
最新推荐文章于 2024-03-31 16:48:46 发布
阅读量3.5k 收藏
点赞数 1
分类专栏： 前端 文章标签： html base64
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mauanx/article/details/103874182
版权

在网上搜索后，只是唯一一个 让我在html中显示出base64图片的方法。

<body>
<script>
    var img = new Image();
    img.src = 'data:image/jpg;base64,Qk0mTAAAAAAAADYAAAAoAAAAUAAAAFEAAAABABgAAAAAAPBLAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA57/I57/I57/I57/I57/I57/I57/I57/I57/I57/IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA';
    document.body.appendChild(img);
</script>
</body>

 使用的时候替换为自己的base64编码和图片格式即可。

<body>
<script>
    var img = new Image();
    img.src = 'data:image/jpg;base64,你的base64编码';
    document.body.appendChild(img);
</script>
</body>
Mauanx
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 显示base64编码的二进制流网页图片
10-26
base64简单地说，它把一些 8-bit 数据翻译成标准 ASCII 字符，我们把图像文件的内容直接写在了HTML 文件中，这样做的好处是，节省了一个HTTP 请求
Thymeleaf显示base64字符串为图片.docx
03-12
在网页中把Base64字符串显示为图片很容易，但是当前台使用Thymeleaf框架时，就得绕个小弯子，直接使用html框架中的方法不行，本文详解了用Thymeleaf显示Base64字符串为图片的方法，望对大家有所帮助。
图片转换成base64如何在html文件中使用呢
最新发布
qq_31397725的博客
03-31 785
Base64编码提供了一种在HTML中嵌入图片的便捷方式，特别是对于小图标或在不支持外部文件引用的场景中非常有用。然而，由于可能带来的性能问题和SEO影响，应谨慎使用，并在适当的情况下使用外部图片文件引用。
html插入base64图片,关于HTML:嵌入base64图像
weixin_34883242的博客
06-04 1901
纯粹出于好奇，base64图像嵌入在哪个浏览器中工作？我指的是这个。我意识到对于大多数事情来说，这通常不是一个好的解决方案，因为它会大大增加页面大小——我只是好奇而已。一些例子：HTML：CSS：div.image {width:100px;height:100px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgA...
解析本地的htm文件并把base64编码的图像保存为本地的jpg文件
jiao_mrswang的博客
01-16 351
from lxml.html import parse import base64 from glob import glob import os html_file="D:/DataSet/liusheng/blur/url_blur/*.htm" for i in glob(html_file): print(i) floder=i.split("\\")[-1].repla...
html将图像转换成base64并传给后台处理
guoqingru0311的博客
06-04 3200
html将图像转换成base64并传给后台处理前言（供个人学习记录使用）一、最基本实现？二、需求提升（将得到的base64传给后台处理）1.前台页面实现2.后台代码处理（使用flask轻型框架） 前言（供个人学习记录使用） 大体脉络是：在前台html页面上传一张图像，并将图像转为base64格式的字符串，然后将base64字符串传给后台，进行解码转换处理，变为openCV处理的格式，供其他需求处理 一、最基本实现？     即在简单的html页面上传一张图像，将转
常见图片格式（HTML）
JunGuanDreams的博客
04-21 1145
（1）本质：把图片转为一串特殊的文本，要通过浏览器打开，传统看图应用通常无法打开。使用场景：对图片细节没有极高要求的场景，如：网站的产品宣传图。使用场景：对图片细节要求极高的场景，如：一些大型游戏中的图片。（5）使用场景：一些较小的图片，或者需要和网页一起加载的图片。概述：不进行压缩的一种格式，在最大程度上保留图片更多的细节。概述：是一种有损的压缩格式，能够更高质量的保存图片。主要特点：支持的颜色丰富，保留的细节更多，占用。支持的颜色较少，支持简单透明背景，支持动态图。主要特点：支持的颜色丰富，占用。
在HTML中显示base64格式的img图片
weixin_44867717的博客
03-01 2万+
在HTML中显示base64格式的img图片 base64的图片可以直接显示在网页上面 <img src=“data:image/png;base64,***************************************************"/>
HTML5上传图片base64编码显示缩略图
飞扬小阁
07-16 4242
添加图片
uniapp h5在线预览base64格式pdf
w_977的博客
08-04 921
uniapp h5在线预览pdf(base64格式)
使用base64显示图片
HelianthS的博客
08-08 1775
因为在使用Thymeleaf模板H5生成pdf文件时需要使用图片生成盖章功能,在使用图片链接的时候,模板并没有去请求图片,所以要使用base64的方式去显示。 前端渲染: <img th:src="'data:image/png;base64,' + ${imgStr}" /> 后端返回: byte[] bytes = iossApi.downLoad("test1...
html5上传图片转换成base64值传入后台，再转换为图片保存在服务器
10-30
同时生成了缩略图和正常图片的base64值，缩略图用于页面进行显示，正常图片进行后续打开查看。测试了安卓和ios的微信端，一切正常。 另外由于缓存资源的原因没有考虑上传按钮的添加，上传图片即上传，ajax为异步...
移动端页面在ios中不显示图片的解决方法
08-28
下面小编就为大家带来一篇移动端页面在ios中不显示图片的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
html5上传图片文件，图片文件转换为base64存入数据库
12-20
同时生成了缩略图和正常图片的base64值，缩略图用于页面进行显示，正常图片进行后续打开查看。测试了安卓和ios的微信端，一切正常。之前使用webuploader，ios的微信没法使用，只能重新做。 另外由于缓存资源的原因...
html js 新窗口打开base64图片链接,js 图片转base64的方式(两种)
weixin_42442653的博客
06-04 1198
方式一：Blob和FileReader 对象实现原理：使用xhr请求图片,并设置返回的文件类型为Blob对象[xhr.responseType = "blob"]使用FileReader 对象接收blobjs 图片转base64方式getBase64("https://z649319834.github.io/Learn_Example/video_track/webvtt.jpg")functi...
HTML中img标签base64显示图片
热门推荐
象在舞的技术专栏
12-28 4万+
在浏览网页的时候大家可能会注意到一个奇怪的现象，有的图片的路径后面是一串很长的字符串，例如： data:image/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHhJREFUeNo8zjsOxCAMAAAABJ...
Base64编码 及 在HTML中用Base编码直接显示图片或嵌入其他文件类型
weixin_34281477的博客
04-21 401
1.为什么要用到BASE64编码的图片信息     Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一。Base64 主要不是加密，它主要的用途是把一些二进制数转成普通字符用于网络传输。由于一些二进制字符在传输协议中属于控制字符，不能直接传送需要转换一下。最常见的用途是作为电子邮件或WebService附件的传输编码. 2.base64编码定义 　　目前的int...
HTML中如何使用base64格式的图片
m0_63026408的博客
07-13 3975
在图片的src最前方加个 'data:image/gif;base64,' 字符串就可以了。
图片资源Base64化在H5页面里有用武之地吗？
凹凸实验室
03-04 362
将图片资源转至base64格式后可直接放入页面作为首屏直出，也可以放入css文件中，减少请求，以加快首屏的呈现速度。不过图片base64化，将带来一个臃肿的html或css文件，是否会影响页面的渲染性能，浏览器又支持如何呢？如何统计？通过Navigation Timing记录的关键时间点来统计页面完成所用的时间，并通过Chrome开发工具来跟踪细节12345var timing = window....
html 显示base64的图片
05-17
要在 HTML 中显示 Base64 编码的图片，可以使用以下代码： ```html <img src="data:image/png;base64,iVBORw0KG..." alt="Base64 encoded image"> ``` 其中 `data:image/png;base64` 表示这是一个 PNG 格式的图片，并且使用了 Base64 编码。而后面的字符串就是 Base64 编码的图片数据。 注意，这种方式适用于比较小的图片，因为 Base64 编码会使图片的大小增加约 1/3。如果要显示较大的图片，最好还是使用传统的方式，即将图片文件存储在服务器上，并使用 `<img>` 标签的 `src` 属性指向图片的 URL。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值