有時候圖片被base64
之后需要計算圖片大小,因為被編碼后全是字符,計算文件大小可以反序列化成文件之后再獲取大小,但是會比較麻煩。簡單介紹一種利用base64
編碼原理計算大小的方法.
編碼原理
要求把3
個8
位字節(3*8=24)
轉化為4
個6
位的字節(4*6=24)
,之后在6位的前面補兩個0,形成8位一個字節的形式。 如果剩下的字符不足3
個字節,用0
填充,輸出字符使用’=’
,因此編碼后輸出的文本末尾可能會出現1
或2
個’=’
示例
找一張圖片文件https://www.baidu.com/img/bd_logo1.png
下載到本地base64
編碼之后的圖片顯示結果如下
去掉base64編碼中的前綴 data:image/png;base64,
var baseStr=document.getElementById("imgcase").getAttribute("src"),tag="base64,"; baseStr=baseStr.substring(baseStr.indexOf(tag)+tag.length);
去掉base64編碼中的“=”號
var eqTagIndex=baseStr.indexOf("="); baseStr=eqTagIndex!=-1?baseStr.substring(0,eqTagIndex):baseStr;
計算文件流大小
var strLen=baseStr.length; var fileSize=strLen-(strLen/8)*2 alert("文件大小:"+fileSize);
完整代碼:https://demohubs.github.io/frontendLab/baseimgfileSize.html
Next