-----------------------------------------------------------------------------------------------

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;}

javaScr

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.survivalescaperooms.com/farwish/p/3787980.html

@黑眼詩人　<www.farwish.com>