国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js 顯示base64編碼的二進制流網頁圖片

2019-11-20 20:52:11
字體:
來源:轉載
供稿:網友

Data URI scheme。
Data URI scheme是在RFC2397中定義的,目的是將一些小的數據,直接嵌入到網頁中,從而不用再從外部文件載入。比如上面那串字符,其實是一張小圖片,將這些字符復制黏貼到火狐的地址欄中并轉到,就能看到它了,一張2*2的白色gif圖片。
在上面的Data URI中,data表示取得數據的協定名稱,image/gif是數據類型名稱,base64 是數據的編碼方法,逗號后面就是這個image/gif文件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圖片數據
base64簡單地說,它把一些 8-bit 數據翻譯成標準 ASCII 字符,網上有很多免費的base64 編碼和解碼的工具,在PHP中可以用函數base64_encode() 進行編碼,如echo base64_encode(file_get_contents(‘images/log.gif”'));
目前,IE8、Firfox、Chrome、Opera瀏覽器都支持這種小文件嵌入。
舉個圖片的例子:
網頁中一張圖片可以這樣顯示:

復制代碼 代碼如下:

<img src=“http://www.jwzzsw.com/images/log.gif”/>

也可以這樣顯示:
復制代碼 代碼如下:

<img src=“data:image/gif;base64,R0lGODlhAgACAIAAAP///wAAACwAAAAAAgACAAACAoRRADs=”/>

我們把圖像文件的內容直接寫在了HTML 文件中,這樣做的好處是,節省了一個HTTP 請求。壞處呢,就是瀏覽器不會緩存這種圖像。

PS:這里再為大家提供一款在線圖片轉base64編碼工具與base64編碼轉換工具供大家參考使用:

圖片轉換為Base64編碼在線工具http://tools.VeVB.COm/transcoding/img2base64

BASE64編碼解碼工具:http://tools.VeVB.COm/transcoding/base64

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 浦北县| 清水县| 仙居县| 杂多县| 望城县| 遂昌县| 连州市| 咸阳市| 靖江市| 博爱县| 林芝县| 张家川| 阳高县| 大厂| 深水埗区| 永和县| 仁怀市| 镇坪县| 拉萨市| 西平县| 精河县| 花垣县| 绥芬河市| 白银市| 安阳市| 和田县| 和龙市| 罗田县| 宜州市| 灵武市| 宁晋县| 卢湾区| 天祝| 依安县| 孟连| 广丰县| 土默特左旗| 元谋县| 旌德县| 铜川市| 曲麻莱县|