data:image/png;base64这什么玩意
周末下载了个开源的cms系统，基于java。
jeecms 这是官网链接
后台页面采用VUE技术全面进行了改版
我勒个去，啥玩意，无非就是js的框架罢了.vue文件
之后再后台管理页面调试的时候发现了个这玩意。图片还能这么玩。。。
<img data-v-329b8470="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAAAVCAYAAAHdp5soAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNDcwYzU3NS0yMGFlLTRmMDktODBhMy04ZDE3MjBhY2JiNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDM1NkZDMjFDREExMTFFN0I4OTVGNDQyRDdGODAwQTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDM1NkZDMjBDREExMTFFN0I4OTVGNDQyRDdGODAwQTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Mzc4NjZkNGEtZjI5ZS02ODRmLWE5ZTgtNjNiYjk1OWE3YzVlIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MTliZGVjYjQtMDcxOS0xMTdiLTk5OGIt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" alt="Jeecms" class="header-logo">
直接在浏览器里面赋值src的内容就能出现一张小图片。
把图像文件的内容直接写在了HTML 文件中，这样做的好处是，节省了一个HTTP 请求。坏处是浏览器不会缓存这种图像。
到位。
data:image/png;base64这什么玩意的更多相关文章
- BS中的 data:image/png;base64
举个图片的例子: 网页中一张图片可以这样显示: <img src="http://mail.163.com/images/x.png" /> 也可以这样显示: < ...
- data:image/png;base64
大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJ ...
- 通过data:image/png;base64把图片直接写在src里
从网上下了个源文件查看时候发现了引用图片的地址不是在本地上的,而是后面跟了一大串字符data:image/png;base64...查了一下资料分析如下: 关于用base64存储图片 网页上有些图片的 ...
- url(data:image/png;base64,R0**)(转)
url(data:image/png;base64,R0**) 所谓"data"类型的Url格式,是在RFC2397中 提出的,目的对于一些"小"的数据,可以在 ...
- data:image/png;base64是什么
大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJ ...
- html image -- data:image/png;base64
1, data:image/png;base64 <!DOCTYPE HTML> <html> <head> <meta http-equiv=" ...
- Css中路径data:image/png;base64的用法详解
今天查看一些网站的css中发现了 background-image:url(data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAAB ...
- 浅析data:image/png;base64的应用
...我也是加一个网安交流群发现了他们的入群密码是这个 数据:图像/ PNG; BASE64,iVBORw0KGgoAAAANSUhEUgAAANwAAAAoCAIAAAAaOwPZAAAAAXNSR ...
- 关于 Data URI Scheme -- data:image/jpg;base64
转载一篇大神的文章 大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如: data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqA ...
随机推荐
- Chrome工具使用
(1) Chrome插件的使用 本来还想说FQ了,结果实验半天没成功,最后才知道公司已经邮件通知了,郁闷,FQ后我把我的插件重新装了一遍,觉得好像又懂了好多,记载下来我装的一些东西和有关PostMan ...
- PHP扩展开发--01.编写一个helloWorld扩展
为什么要用C扩展 C是静态编译的,执行效率比PHP代码高很多.同样的运算代码,使用C来开发,性能会比PHP要提升数百倍. 另外C扩展是在进程启动时加载的,PHP代码只能操作Request生命周期的数据 ...
- Scrollbar的样式
.test{ /*立体滚动条凸出部分的颜色*/ scrollbar-face-color:#FEFAF1; /*滚动条空白部分的颜色*/ scrollbar-highlight-color:#FEFA ...
- 获取Spring的ApplicationContext的几种方式
Application Context定义 简单来说就是Spring中的高级容器,可以获取容器中的各种bean组件,注册监听事件,加载资源文件等功能. 具体定义可以参考官网:https://sprin ...
- 新手应知道的ASP.NET代码编写规范
1.局部变量的名称要有意义,尽量用对应的英文命名,比如“用户姓名”变量,不要用aa bb cc等来命名,而要使用userName. 2.不要使用单个字母的变量,如i.n.x等.而要使用index.te ...
- 【BZOJ】3143: [Hnoi2013]游走 期望+高斯消元
[题意]给定n个点m条边的无向连通图,每条路径的代价是其编号大小,每个点等概率往周围走,要求给所有边编号,使得从1到n的期望总分最小(求该总分).n<=500. [算法]期望+高斯消元 [题解] ...
- 天梯赛 L2-005 集合相似度 （set容器）
给定两个整数集合,它们的相似度定义为:Nc/Nt*100%.其中Nc是两个集合都有的不相等整数的个数,Nt是两个集合一共有的不相等整数的个数.你的任务就是计算任意一对给定集合的相似度. 输入格式: 输 ...
- LOW逼三人组（一）----冒泡算法
排序 1.冒泡排序 冒泡算法 import random # 随机模块 def bubble_sort(li): ###################################冒泡排序#### ...
- WordPress404页面自定义
不知道大家是怎么设计404页面,个性的404可以为网站增色不少,wordpress设置404是在主题里面的404.php页面上,当然比如你用Apache.nginx等服务器,你可以自己建一个单页,内容 ...
- 设计模式之Composite
设计模式总共有23种模式这仅仅是为了一个目的:解耦+解耦+解耦...(高内聚低耦合满足开闭原则) Composite定义? 将对象以树形结构组织起来,以达成“部分-整体” 的层次结构. 想到Compo ...