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

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 16:03:45
字體:
來源:轉載
供稿:網友
base64簡單地說,它把一些 8-bit 數據翻譯成標準 ASCII 字符,我們把圖像文件的內容直接寫在了HTML 文件中,這樣做的好處是,節省了一個HTTP 請求

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=“”/>


也可以這樣顯示:

復制代碼 代碼如下:


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


我們把圖像文件的內容直接寫在了HTML 文件中,這樣做的好處是,節省了一個HTTP 請求。壞處呢,就是瀏覽器不會緩存這種圖像。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 南靖县| 内黄县| 健康| 旅游| 衡南县| 汉源县| 虹口区| 靖西县| 江口县| 油尖旺区| 涡阳县| 祁东县| 进贤县| 花垣县| 盐山县| 安远县| 晋州市| 许昌县| 南陵县| 合水县| 通化市| 新河县| 大埔县| 武夷山市| 南丹县| 鹤壁市| 长宁区| 长汀县| 定南县| 临汾市| 静宁县| 安国市| 旺苍县| 宁波市| 滦南县| 临湘市| 林甸县| 洛阳市| 阳朔县| 麻栗坡县| 乐亭县|