base64編碼介紹
base64是一種網(wǎng)絡(luò)上常用的8bit字節(jié)代碼的編碼方式,base64可以用于http環(huán)境下傳遞較長的標(biāo)識(shí)信息,同時(shí)可以放在url當(dāng)中使用,因?yàn)閎ase64不懼可讀性,所以具有一定的加密功能。
為什么要把圖片轉(zhuǎn)換成base64編碼?
將圖片轉(zhuǎn)換成base64代碼可以減少http請求,因?yàn)閳D片可以以字符編碼的形式直接傳遞到客戶端,而文件形式都需要進(jìn)行http請求。但是也會(huì)有一個(gè)小缺點(diǎn),就是圖片編碼化base64的時(shí)候大小會(huì)變大,但是通過gzip優(yōu)化以后基本差不多。所以在應(yīng)用的過程當(dāng)中較小的圖片可以直接編碼成base64,較大的圖片則不建議如此使用。
html5如何將圖片轉(zhuǎn)換成base64?
html5如果要將圖片轉(zhuǎn)換成base64需要使用到一個(gè)html5的接口FileReader.readAsDataURL()接口說明,這個(gè)接口可以將文件轉(zhuǎn)換成base64編碼格式,并且再以data:URL的形式展現(xiàn)出來。
示例程序
下面的代碼是示例程序,創(chuàng)建一個(gè)新html文件,然后將代碼復(fù)制粘貼使用支持html5的瀏覽器打開即可查看效果。
新聞熱點(diǎn)
疑難解答