分享工作中img标签的一种用法

分享最近工作中加载图片的一种方法:

如图,背景图片的url里的路径,先来解释一下,data表示取得数据的协定名称,image/png是数据类型名称,base64是数据编码方式,后边的一堆是image/png文件编码后的数据.这是一种 Data URL scheme模式

目前Data URL scheme 支持的类型有:

data:,文本数据
data:text/plain,文本数据
data:text/html,HTML代码
data:text/html;base64,base64编码的HTML代码
data:text/css,CSS代码
data:text/css;base64,base64编码的CSS代码
data:text/javascript,Javascript代码
data:text/javascript;base64,base64编码的Javascript代码
data:image/gif;base64,base64编码的gif图片数据
data:image/png;base64,base64编码的png图片数据
data:image/jpeg;base64,base64编码的jpeg图片数据
data:image/x-icon;base64,base64编码的icon图片数据

这样做的好处是可以省掉一个http请求.