DataURIscheme详解和使用实例及图片base64编码实现方法_html5教程技巧

一、 Data URI scheme 简介

Data URI scheme是在RFC2397中定义的，目的是将一些小的数据，直接嵌入到网页中，从而不用再从外部文件载入。比如上面那串字符，其实是一张小图片，将这些字符复制黏贴到火狐的地址栏中并转到，就能看到它了，一张1X36的白灰png图片。
在上面的Data URI中，data表示取得数据的协定名称，image/png 是数据类型名称，base64 是数据的编码方法，逗号后面就是这个image/png文件base64编码后的数据。
或许你已经注意到，在有的网页上，图片的 src 或 css 背景图片的 url 并不是我们常见的在线图片链接，而是一大串的字符，比如像这样：

查看更多关于DataURIscheme详解和使用实例及图片base64编码实现方法_html5教程技巧的详细内容...