Data URI scheme 简述

data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBD

Data URI scheme, 目的是将一些小的数据,直接嵌入到网页中,从而不用再从外部文件载入。样例如上:

Data URI scheme 语法:

  data:[<mime type>][;charset=<charset>][;<encoding>],<encoded data>

  data:  它标识这个内容为一个 data URI 资源。

[<mime type>] : MIME 类型(可选项):浏览器通常使用MIME类型(而不是文件扩展名)来确定如何处理文档

 [;charset=<charset>]: 源文本的字符集编码方式(可选项),默认编码是 charset=US-ASCII, 即数据部分的每个字符都会自动编码为 %xx

 [;<encoding>] : 数据编码方式(默认US-ASCII,BASE64两种)

 <encoded data> : 编码后的数据

目前,Data URI 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图片数据
posted @ 2020-04-27 10:26  Koo1~  阅读(357)  评论(0编辑  收藏  举报