base64檔案大小計算

peachyy發表於2018-05-09

有時候圖片被base64之後需要計算圖片大小,因為被編碼後全是字元,計算檔案大小可以反序列化成檔案之後再獲取大小,但是會比較麻煩。簡單介紹一種利用base64編碼原理計算大小的方法.

 

編碼原理

要求把38位位元組(3*8=24)轉化為46位的位元組(4*6=24),之後在6位的前面補兩個0,形成8位一個位元組的形式。 如果剩下的字元不足3個位元組,用0填充,輸出字元使用’=’,因此編碼後輸出的文字末尾可能會出現12’=’

示例

找一張圖片檔案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

 

笑笑笑技術圈
 
 

相關文章