图片/文字转Base64编码

Base64简介

Base64编码说明

　　Base64编码要求把3个8位字节（3*8=24）转化为4个6位的字节（4*6=24），之后在6位的前面补两个0，形成8位一个字节的形式。如果剩下的字符不足3个字节，则用0填充，输出字符使用'='，因此编码后输出的文本末尾可能会出现1或2个'='。

　　为了保证所输出的编码位可读字符，Base64制定了一个编码表，以便进行统一转换。编码表的大小为2^6=64，这也是Base64名称的由来。

　　例如，字符“A95”，将3个字符分别转成ASC II码：65 57 53，二进制为：01000001 00111001 00110101，转成6个一组后为：010000 010011 100100 110101，由于计算机是8位存储，6位不够位数，则在高位补0，于是变成了：00010000 00010011 00100100 00110101。转回十进制后得到： 16 19 36 53，查阅“Base64编码表”（见下方）得到：QTk1。即最终的Base64编码值。

Base64编码表

值	编码	值	编码	值	编码	值	编码
0	A	16	Q	32	g	48	w
1	B	17	R	33	h	49	x
2	C	18	S	34	i	50	y
3	D	19	T	35	j	51	z
4	E	20	U	36	k	52	0
5	F	21	V	37	l	53	1
6	G	22	W	38	m	54	2
7	H	23	X	39	n	55	3
8	I	24	Y	40	o	56	4
9	J	25	Z	41	p	57	5
10	K	26	a	42	q	58	6
11	L	27	b	43	r	59	7
12	M	28	c	44	s	60	8
13	N	29	d	45	t	61	9
14	O	30	e	46	u	62	+
15	P	31	f	47	v	63	/

作为图片的使用方法

　　CSS：background-image: url("data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL....");

　　HTML：<img src="data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...." />