故事从一个img标签开始:
<img src="img/avatar.png"> //src是必须属性
src属性值一般是图片文件的路径,但不排除其他的形式,如:
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUg..."> //后面是一长串
这一长串数据也能表示一张图片:
iVBORw0KGgoAAAANSUhEUg...
就是图片的内容数据,base64
表示数据的编码格式是base64,data:image/png
表示图片的格式。
Base64
Base64是一种基于64个可打印字符来表示二进制数据的表示方法。由于2的6次方等于64,所以每6个比特为一个单元,对应某个可打印字符。三个字节有24个比特,对应于4个Base64单元,即3个字节需要用4个可打印字符来表示。它可用来作为电子邮件的传输编码。在Base64中的可打印字符包括字母A-Z、a-z、数字0-9,这样共有62个字符,此外两个可打印符号在不同的系统中而不同。一些如uuencode的其他编码方法,