Loading... ## base64文件大小计算 有时候图片被base64之后需要计算图片大小,因为被编码后全是字符,计算文件大小可以反序列化成文件之后再获取大小,但是会比较麻烦。简单介绍一种利用base64编码原理计算大小的方法. #### 编码原理 要求把3个8位字节(3*8=24)转化为4个6位的字节(4*6=24),之后在6位的前面补两个0,形成8位一个字节的形式。 如果剩下的字符不足3个字节,用0填充,输出字符使用’=’,因此编码后输出的文本末尾可能会出现1或2个’=’ Base64编码要求把3个8位字节(38=24)转化为4个6位的字节(46=24),之后在6位的前面补两个0,形成8位一个字节的形式。 如果剩下的字符不足3个字节,则用0填充,输出字符使用'=',因此编码后输出的文本末尾可能会出现1或2个'='。 为了保证所输出的编码位可读字符,Base64制定了一个编码表,以便进行统一转换。编码表的大小为2^6=64,这也是Base64名称的由来。 ![](https://img-blog.csdnimg.cn/27c69b7661114322907c10d9c5e85ca0.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzMyMzM2,size_16,color_FFFFFF,t_70)![](https://img-blog.csdnimg.cn/2fc1521dfb734bf68a33c4fa1708f08e.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNzMyMzM2,size_16,color_FFFFFF,t_70) #### 代码的实现 找一张图片文件https://www.baidu.com/img/bd_logo1.png 下载到本地base64编码之后的图片显示结果如下 ###### JS代码的实现: 1. 去掉base64编码中的前缀 data:image/png;base64, ```csharp var baseStr=document.getElementById("imgcase").getAttribute("src"),tag="base64,"; baseStr=baseStr.substring(baseStr.indexOf(tag)+tag.length); ``` 2. 去掉base64编码中的“=”号 ```csharp var eqTagIndex=baseStr.indexOf("="); baseStr=eqTagIndex!=-1?baseStr.substring(0,eqTagIndex):baseStr; ``` 3. 计算文件流大小 ```csharp var strLen=baseStr.length; var fileSize=strLen-(strLen/8)*2 alert("文件大小:"+fileSize); ``` 完整代码:https://demohubs.github.io/frontendLab/baseimgfileSize.html 参考链接:https://www.cnblogs.com/peachyy/p/9015083.html ###### C#代码的实现: 方法其实都是一样的,就是注意C#里面的算数,可能会存在误差: ```csharp var tag = "data:image/png;base64,"; var BaseFile_data = input.IdentityCardIDPageBase64String.Replace(tag, null); //1.去掉base64编码中的前缀 data:image/png;base64, BaseFile_data = BaseFile_data.Replace("=", null); //2.去掉base64编码中的“=”号 var strLen = BaseFile_data.Length; var BaseFileLength = strLen - Math.Ceiling((decimal)strLen / 8) * 2;//3.计算文件流大小 ``` ![](https://img-blog.csdnimg.cn/7facb3a417894043839f3cff7ebb8ee7.png) 最后修改:2023 年 10 月 11 日 © 允许规范转载 打赏 赞赏作者 支付宝微信 赞 如果觉得我的文章对你有用,请随意赞赏
1 条评论
测试