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 ...
随机推荐
- Order By 问题集合
问题(一):Order By 多个参数排序 在做多字段的排序的时候我们经常会会用到该语句. 所以多参数排序是从左到右的局部排序,修改的范围只有前面参数(几个参数)相同的情况下在排序. select * ...
- POJ 2007 Scrambled Polygon 极角序 水
LINK 题意:给出一个简单多边形,按极角序输出其坐标. 思路:水题.对任意两点求叉积正负判断相对位置,为0则按长度排序 /** @Date : 2017-07-13 16:46:17 * @File ...
- Elasticsearch Java API 查询
一.查询的时候,需要建立一个SearchRequestBuilder,这里面将给出对于哪一个index或者type进行查询,并且所有的设置都可以在这里面进行实现,例如模糊查询,范围查询,前缀查询等. ...
- [转]C/C++作用域详解
原文地址:http://www.cnblogs.com/yc_sunniwell/archive/2010/07/14/1777433.html 作用域规则告诉我们一个变量的有效范围,它在哪儿创建,在 ...
- html css 如何将表头固定
position属性取值为fixed时,则元素的位置将不受滚动条的影响,而是直接依据窗口定位,这就是将表头固定的最直接方法,网上其他途径感觉都是在走弯路.但是与此同时必须解决两个问题.第一:表体将随之 ...
- Web 开发人员需知的 Web 缓存知识
今天踩着前辈们的肩膀,再次把这篇文章翻译整理下.一来让自己对web缓存的理解更深刻些,二来让大家注意力稍稍转移下,不要整天HTML5, 面试题啊叨啊叨的~~ 什么是Web缓存,为什么要使用它? Web ...
- macbook 安装任意来源
sudo spctl --master-disable Comand+r Csrutil disable Reboot
- localStorage H5本地存储
域内安全.永久保存.即客户端或浏览器中来自同一域名的所有页面都可访问localStorage数据且数据除了删除否则永久保存,但客户端或浏览器之间的数据相互独立. <!doctype html&g ...
- 简单漂亮的php验证码函数
/* *说明:函数功能是生成验证码 * 参数说明:输入 长度,宽度,高度 */ function vcode($_code_length = , $_width = , $_height = ){ $ ...
- OkHttp与Cookie及Cookie的持久化
http://blog.csdn.net/u011150924/article/details/52780931 http://blog.csdn.net/chen19960724/article/d ...