Data URI scheme_PHP教程

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

Data URI scheme is a URI scheme（統一資源定位器的模式）。

我們熟知的網站引用資源檔，都是類似http://www.chenwei.ws/demo.png這種的格式，但是data URI scheme 提供將外部資源嵌入到網頁中的方法。

它是一種檔案或文檔的形式，這項技術允許普通的元素諸如要取的圖片，樣式表放在單一的http請求中，替代很多http請求。（相當於變成網頁的一部分了）

------------------------------@author chenwei --------------------

用法=>

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不支援)

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

http://www.bkjia.com/PHPjc/802361.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/802361.htmlTechArticle----------------------------------------------------------------------------------------------- Data URI scheme is a URI scheme（統一資源定位器的模式）。 我們熟知的...

