DataURL：概述

Data URL

DataURL概述

所谓DataURL是指"data"类型的Url格式，是在RFC2397中提出的，目的是对于一些“小”的数据，可以在网页中直接嵌入，而不是从外部文件载入。

Data URL入门

完整的DataURL语法：DataURL= data:mediatype;base64,<Base64编码的数据>。

mediatype：表述传递的数据的MIME类型（text/html，image/png，image/jpg）

简单的说，data类型的Url大致有下面几种形式。

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图片数据

对于再程序开发中，使用最多的是基于DataURL的图片形式，接下来以图片形式的DataURL分析其原理和利弊