周末下载了个开源的cms系统，基于java。

jeecms　　这是官网链接

后台页面采用VUE技术全面进行了改版

我勒个去，啥玩意，无非就是js的框架罢了.vue文件

之后再后台管理页面调试的时候发现了个这玩意。图片还能这么玩。。。

图片跟base64的转换工具

<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这什么玩意的更多相关文章

  1. BS中的 data:image/png;base64

    举个图片的例子: 网页中一张图片可以这样显示: <img src="http://mail.163.com/images/x.png" /> 也可以这样显示: < ...

  2. data:image/png;base64

    大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJ ...

  3. 通过data:image/png;base64把图片直接写在src里

    从网上下了个源文件查看时候发现了引用图片的地址不是在本地上的,而是后面跟了一大串字符data:image/png;base64...查了一下资料分析如下: 关于用base64存储图片 网页上有些图片的 ...

  4. url(data:image/png;base64,R0**)(转)

    url(data:image/png;base64,R0**) 所谓"data"类型的Url格式,是在RFC2397中 提出的,目的对于一些"小"的数据,可以在 ...

  5. data:image/png;base64是什么

    大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJ ...

  6. html image -- data:image/png;base64

    1,  data:image/png;base64 <!DOCTYPE HTML> <html> <head> <meta http-equiv=" ...

  7. Css中路径data:image/png;base64的用法详解

    今天查看一些网站的css中发现了 background-image:url(data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAAB ...

  8. 浅析data:image/png;base64的应用

    ...我也是加一个网安交流群发现了他们的入群密码是这个 数据:图像/ PNG; BASE64,iVBORw0KGgoAAAANSUhEUgAAANwAAAAoCAIAAAAaOwPZAAAAAXNSR ...

  9. 关于 Data URI Scheme -- data:image/jpg;base64

    转载一篇大神的文章 大家可能注意到了,网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如: data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqA ...

随机推荐

  1. Data science blogs

    Data science blogs A curated list of data science blogs Agile Data Science http://blog.sense.io/ (RS ...

  2. Css Sprite 图片等比缩放图片大小

    图片大小80*40,即每张图片大小40*40,如何以20*20显示图片?1. 首先看下如何以40*40显示第二张图片: 正常显示css代码 .sprite { background-image: ur ...

  3. 使用 XSLT 作为 HTML 的样式表

    简介 当听到样式表这个词时,您可能会想到 CSS 样式表.XSLT 样式表通常用于 XML 转换,比如在 Web 服务之间映射数据.因为 XSLT 非常适合此用途,所以创建了顶层元素 <styl ...

  4. 聊聊spring的那些扩展机制

    1.背景 慎入:本文将会有大量代码出入. 在看一些框架源码的时候,可以看见他们很多都会和Spring去做结合.举个例子dubbo的配置: 很多人其实配置了也就配置了,没有去过多的思考:为什么这么配置s ...

  5. [洛谷P1823]音乐会的等待 题解（单调栈）

    [洛谷P1823]音乐会的等待 Description N个人正在排队进入一个音乐会.人们等得很无聊,于是他们开始转来转去,想在队伍里寻找自己的熟人.队列中任意两个人A和B,如果他们是相邻或他们之间没 ...

  6. XML-RPC笔记

    1.什么是XML-RPC RPC(Remote Procedure Call)就是相当于提供了一种"远程接口"来供外部系统调用,常用于不同平台.不同架构的系统之间互相调用. XML ...

  7. javaScript操作数组的常用方法

    map(映射), reduce(规约), forEach(遍历), filter(过滤),它们都是高阶函数,都是以传入不同的函数来以不同的方式操作数组元.ie都不支持 判断是否为数组 Array.is ...

  8. PIP安装时报The repository located at pypi.douban.com is not a trusted or secure host and is being ignore

    C:\WINDOWS\system32>pip install scrapyCollecting scrapy The repository located at pypi.douban.com ...

  9. go 数据变量和操作符

    数据类型 布尔类型 a. var b bool 和 var b bool = true 和 var b = falseb. 操作符 == 和 !=c. 取反操作符: !bd. && 和 ...

  10. awk正则匹配nginx日志【原创】

    查看网页访问代码不为200和30x所有行的内容 awk '{if($9!~/200|30*/) print $0}' /app/logs/http_access.log 或 awk '$9!~/200 ...