实现原理
基础原理:Base64编码可用于在HTTP环境下传递较长的标识信息。
实现原理:既然图像格式.jpg在计算器里仅仅是一种编码方式,那么用转换为web通用的编码就可以实现图片的访问,因此,利用base64编码工具就可以将图片转换为一组编码,然后web里插入这段编码即可像图片一样输出结果。
演示
在线转换工具 : http://www.atool.org/img2base64.php

访问该网站,然后选择图片,输入后就会生成图片代码,复制base代码,然后再web中需要插图的地方插入:<img src="解析结果">
即可。
- CSS中使用:background-image: url(“data:image/png;base64,iVBORw0KGgo=…”);
- HTML中使用:<img src=”data:image/png;base64,iVBORw0KGgo=…” />
小结
该方法可以无需本地存储图片的条件下显示自定义图片。适合比较简单的图像显示。