base64文件大小计算
2018-06-24 02:02:51来源:未知 阅读 ()
有时候图片被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
JVM远程调试功能
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:一些常用的方法等
下一篇:前端开发浏览器兼容问题
- 根据分辨率调用css文件的方法 2020-03-19
- ?javascript如何控制上传文件的大小 2020-03-19
- 详解Webstorm 新建.vue文件支持高亮vue语法和es6语法 2020-02-07
- documentElement正确取得当前可见区域的大小的方法 2019-12-21
- jQuery动态修改字体大小的方法 2019-12-18
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash