返回列表

使用base64转化文件 Data URI scheme

默认分类 2018/05/29 02:04

Data URI scheme是在RFC2397中定义的,目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入。

优点:减少http连接数。

缺点:这种格式的文件不会被浏览器缓存。

不建议将“超过20KB”的文件编码使用,太大的文件反而起反作用。

data: URI的基本使用格式如下:
data:[<MIME-type>][;base64|charset=some_charset],<data>
mime-type是嵌入数据的mime类型,比如png图片就是image/png。
如果后面跟base64,说明后面的data是采用base64方式进行编码的

Data URI scheme支持的类型有:
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图片数据
data:text/javascript;base64,base64编码的Javascript代码
data:text/javascript,Javascript代码
data:text/html;base64,base64编码的HTML代码
data:text/html,HTML代码
data:text/css;base64,base64编码的CSS代码
data:text/css,CSS代码
data:,文本数据
data:text/plain,文本数据

例如:

data:text/html;base64,PGgxPlRoaXMgSGVsbG88L2gxPg==
等同于:
data:text/html,<h1>This Hello</h1>