html5將圖片轉換成base64的實例代碼

base64是一種網絡上常用的8bit字節代碼的編碼方式，base64可以用於http環境下傳遞較長的標識信息，同時可以放在url當中使用，因為base64不懼可讀性，所以具有一定的加密功能。

將圖片轉換成base64代碼可以減少http請求，因為圖片可以以字符編碼的形式直接傳遞到客戶端，而文件形式都需要進行http請求。但是也會有一個小缺點，就是圖片編碼化base64的時候大小會變大，但是通過gzip優化以後基本差不多。所以在應用的過程當中較小的圖片可以直接編碼成base64，較大的圖片則不建議如此使用。

html5如果要將圖片轉換成base64需要使用到一個html5的接口FileReader.readAsDataURL()接口說明,這個接口可以將文件轉換成base64編碼格式，並且再以data：URL的形式展現出來。

下面的代碼是示例程序，創建一個新html文件，然後將代碼複製粘貼使用支持html5的瀏覽器打開即可查看效果。