Data URI scheme - 数据的uri模式
来源:互联网 发布:mac安装软件是什么格式 编辑:程序博客网 时间:2024/06/03 07:27
Data URI scheme is a URI scheme(统一资源定位符的模式)。
我们熟知的站点引用资源文件,都是类似http://www.chenwei.ws/demo.png这种的格式,但是data URI scheme 提供将外部资源嵌入到网页中的方法。
它是一种文件或文档的形式,这项技术允许普通的元素诸如要取的图片,样式表放在单一的http请求中,替代很多http请求。(相当于变成网页的一部分了)
用法=>
HTML:
<img src="data:image/png;base64,iVBORw0Rw0KGgoAA......">
CSS:
div {background: red url('data:image/png;base64,iVBORw0Rw0KGgoAA......') no-repeat scroll left top;}
JavaScript:(IE8不支持)
<script>window.open('data:text/html;charset=utf-8,' + encodeURIComponent( '<!doctype html>' + 'html lang='en' + '<head><title>Embedded Window</title></head>' + '<body><h2>42</h2></body>' + '</html>' );</script>
data 表示数据名称,image/png 是数据类型名称; base64 是数据编码方法,后面是base64编码后的数据。
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图片数据
注:PHP中可以用函数base64_encode()进行编码,base64_encode(file_get_contents('demo.png'));
复制下面数据到浏览器中,看看是什么吧。
data:text/plain;base64,d3d3LmNoZW53ZWkud3M=
-----------------------------------------------------------------------------------------------
参考Wiki: http://en.wikipedia.org/wiki/Data:_URL
Link: http://www.cnblogs.com/farwish/p/3787980.html
@黑眼诗人 <www.farwish.com>
- Data URI scheme - 数据的uri模式
- Data URI scheme 实现数据的URI访问
- http URI scheme与data URI scheme
- Data URI Scheme
- 什么是data URI scheme及如何使用data URI scheme
- data URI scheme及其应用
- data URI scheme ie不支持
- URI Scheme
- URI scheme
- URI scheme
- URI Scheme
- URI scheme
- 运用Data URI scheme规范展现图片
- JS魔法堂:Data URI Scheme介绍
- Data URI Scheme -- data:image/jpg;base64是什么
- data URI scheme(图片直接保存在html页面的方法)
- 如何进入系统拨号盘,或者直接打电话,发短信,还有data,scheme,uri的关系
- 了解 uri, content provide,包括 data android:host,android:scheme
- 算法导论第五章
- Redis安装配置教程
- 安卓开发不得不收集的工具类
- 一个管理nginx和php-fpm的脚本
- Struts环境搭建
- Data URI scheme - 数据的uri模式
- RunLoop
- Java系列-集合框架理解
- 如何建设一个营销型网站
- iOS 控制器View加载顺序详细版
- Unity3d 反编译破解游戏 简单示例 (使用ildasm反编译DLL修改然后重新编译DLL)
- ios系统界面带英文解决方法
- adb常用命令
- 4种操作符的区别和联系