最近來了一個網頁,裡面有圖片,但是卻沒有引用外部的圖片資源,很好奇.查看代碼後發現,裡面的圖片是使用base64編碼後的字符串代替了,這個叫做Data URI scheme.
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圖片數據
自己做了一個簡單的頁面,點擊查看測試頁面,大家可以看一下源碼.整體上操作如下:
1 base64編碼圖片
linux下直接可以使用base64+圖片路徑就可以產生base64編碼後的字符串
圖片:
使用命令:
base64 android.png
產生的字符串為:
複製代碼