当前位置： 移动技术网 > IT编程>开发语言>JavaScript > base64文件大小计算

base64文件大小计算

2018年05月10日  | 移动技术网IT编程  | 我要评论

有时候图片被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

 

笑笑笑技术圈
 
赏
 
 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网