周末下载了个开源的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. webpack4.0.1安装问题及解决方法

    2月底的时候,webpack4正式发布了,但是当我们安装之后,使用下面的语句来打包的时候,发现打包失败了 webpack ./src/main.js ./dist/bundle.js 并且给出了下面这 ...

  2. HDU 3507 单调队列 斜率优化

    斜率优化的模板题 给出n个数以及M,你可以将这些数划分成几个区间,每个区间的值是里面数的和的平方+M,问所有区间值总和最小是多少. 如果不考虑平方,那么我们显然可以使用队列维护单调性,优化DP的线性方 ...

  3. Linux两台服务器上互传文件

    主服务器:192.168.100.30: 文件所在服务器:192.168.100.31: 1. 在主服务上拷贝文件: #scp root@192.168.100.31:/home/a.txt /hom ...

  4. C语言与汇编语言对照分析

    游戏通常会包含各种各样的功能,如战斗系统.UI渲染.经济系统.生产系统等,每个系统又包含各式各样子功能,如伤害判定.施法.使用道具.角色移动.玩家之间交易等等.这些游戏功能在代码实现中往往少不了条件判 ...

  5. react CRA antd 按需加载配置 lessloader

    webpack配置 webpack.config.dev.js, webpack.config.prod同理. 'use strict'; const autoprefixer = require(' ...

  6. zedboard学习记录.1.纯PL流水灯

    环境:vivado 217.4 开发板: zedboard ver.d xc7z020clg484-1 1.打开Vivado新建一个RTL工程. 2.add source->add/create ...

  7. CRF++进行中文分词实例

    工具包:https://taku910.github.io/crfpp/#tips 语料:http://sighan.cs.uchicago.edu/bakeoff2005/ 安装: 1)下载linu ...

  8. lspci 虚拟机网卡对应关系

    我这个办法有点笨: 到 /sys/devices/ 下去搜索网卡 eth*,找到网卡对应的PCI 总线位置,例如:05:00.0. 然后通过 "lspci -s 05:00.0" ...

  9. Netty框架入门

    一.概述     Netty是由JBOSS提供的一个java开源框架.     Netty提供异步的.事件驱动的网络应用程序框架和工具,用以快速开发高性能.高可靠性的网络服务器和客户端程序.   二. ...

  10. 出现ERROR: While executing gem ... (Gem::FilePermissionError)这种错误的解决办法

    重新安装ruby即可解决 brew install ruby