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 ...
随机推荐
- dubbo可通过指定Url方式绕过注册中心直连指定的服务地址
开发.测试环境可通过指定Url方式绕过注册中心直连指定的服务地址,避免注册中心中服务过多,启动建立连接时间过长,如: <dubbo:reference id="providerServ ...
- 重构改善既有代码设计--重构手法02：Inline Method （内联函数）& 03： Inline Temp(内联临时变量)
Inline Method (内联函数) 一个函数调用的本体与名称同样清楚易懂.在函数调用点插入函数体,然后移除该函数. int GetRating() { return MoreThanfiveLa ...
- ClassNotFoundException:com.sun.xml.bind.v2.ContextFactory
项目中引入hive-jdbc-1.2.1-standalone.jar包之后,报错如下: Caused by: javax.xml.bind.JAXBException: Provider com.s ...
- Liunx 下载文件夹下所有文件
136down voteaccepted You may use this in shell: wget -r --no-parent http://abc.tamu.edu/projects/tzi ...
- Jenkins 通过ssh 拷贝文件到远程机器上。
想实现的目的是: 在构建之前,从jenkins master上拷贝脚本到需要运行的机器上(linux ssh). 本来是通过publish over ssh 的transfer set可以直接设置,但 ...
- laravel后台返回ajax数据
后台模式: $array = array('msg'=>'添加失败!','status'=>'false'); return json_encode($array); 前台显示: $.aj ...
- Windows Live Writer博客草稿迁移的一种解决方案
作为一个苦逼的码农,喜欢写博客做总结是很正常的事,写博客写的久的人都接触过各种客户端工具,最流行的就是Windows Live Writer了. 作为一个苦逼的码农,换电脑也是很经常的事,经常会出现一 ...
- 向量与矩阵的范数及其在matlab中的用法(norm)
一.常数向量范数 \(L_0\) 范数 \(\Vert x \Vert _0\overset{def}=\)向量中非零元素的个数 其在matlab中的用法: sum( x(:) ~= 0 ) \(L_ ...
- 怎么让IIS7第一次访问相应速度加快
当我们把网站部署在IIS7或IIS6S的时候,每当IIS或是Application Pool重启后,第一次请求网站反应总是很慢,原因大家都知道(不知道可以参考这个动画说明ASP.NET网页第一个Req ...
- 《STL源码剖析》读书笔记
转载:https://www.cnblogs.com/xiaoyi115/p/3721922.html 直接逼入正题. Standard Template Library简称STL.STL可分为容器( ...