Data URI 格式

 

Data URI 是由RFC 2397 定义的一种把小文件直接嵌入文档的方案。通过如下语法就可以把小文件变成指定编码直接嵌入到页面中：

data:[<MIME-type>][;base64],<data>

1. MIME-type：指定嵌入数据的MIME 。其形式是[type]/[subtype]; parameter ，比如png图片对应的MIME是image/png。parameter可以用來指定附加的信息，更多情況下是用于指定text/plain和text/htm等的文字编码方式的charset参数。默认是text/plain;charset=US-ASCII。
2. base64：声明后面的数据的编码是base64 的，否则数据必须要用百分号编码（即对内容进行urlencode）。

ie8 只支持object（仅是图片时）、img、input type=image、link和CSS中的URL，且数据量不能大于32K。

例子：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ8AAAAnCAYAAAARgpr4AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAQ1JREFUeF7t3DEKwkAUBNAcQMgZbHP/Y3ggK1eF9DGwE6d4Qrrwhdn5L90ui58EJCABCUhAAv9IYNvuz8//Do8MZnZg79VhpccYD48MpnZgL7LyWa7rcVE+mk3V7MwSK5/yKd+ZjfHu9Z/IRObkIx/5EptlZreQ5CMf+SjVrVTifMhHPvIlNsvMbk3JRz7yUapbqcT5kI985EtslpndmpKPfOSjVLdSifMhH/nIl9gsM7s1JR/5yEepbqUS50M+8pEvsVlmdmtKPvKRj1LdSiXOh3zkI19is8zs1pR85CMfpbqVSpzPT/Kt6+0183Yis9x29e3A3qvDi4K8IAEJSEACEpCABCQgAQlIYFoCb+BJTz/kawFFAAAAAElFTkSuQmCC