位置: 编程技术 - 正文

JavaScript实现Base64编码转换

编辑:rootadmin

推荐整理分享JavaScript实现Base64编码转换,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

简介

Base是一种基于个可打印字符来表示二进制数据的表示方法。由于2的6次方等于,所以每6个比特为一个单元,对应某个可打印字符。三个字节有个比特,对应于4个Base单元,即3个字节需要用4个可打印字符来表示。它可用来作为电子邮件的传输编码。在Base中的可打印字符包括字母A-Z、a-z、数字0-9,这样共有个字符,此外的两个可打印符号在不同的系统中而不同,一般为+和/。

转换原理

Base的直接数据源是二进制序列(Binary Sequence)。当然,你也可以将图片、文本和音视频转换成二进制序列,再然后转换为Base编码。我们这里讨论的是如何将二进制转换为Base编码,对于如何将图片,文本和音视频转换为二进制序列敬请期待。

在转换前,先定义一张索引表,这张表规定了如何转换:

转换的时候我们先将二进制序列分组,每6个比特为一组。但是如果编码的字节数不能被3整除,那么最后就会多出1个或两个字节,可以使用下面的方法进行处理:先使用0字节值在末尾补足,使其能够被3整除,然后再进行base的编码。在编码后的base文本后加上一个或两个'='号,代表补足的字节数。也就是说,当最后剩余一个八位字节(一个byte)时,最后一个6位的base字节块有四位是0值,最后附加上两个等号;如果最后剩余两个八位字节(2个byte)时,最后一个6位的base字节块有两位是0值,最后附加一个等号。 参考下表:

JavaScript实现Base

JavaScript实现Base64编码转换

原理明白了以后,实现起来就很容易了。

将图片数据进行Base编码

将图片数据转换为Base,首先要获取到图片的二进制数据。图片的二进制数据可以通过canvas接口得到。具体实现为:

取到图片的二进制数据后,接下来就要进行编码了。因为图片不仅包含像素信息,还包含长度,宽度信息。所以在编码像素信息的同时也应将宽度和高度信息按某一约定进行编码,我是这样处理的:

将图片的像素数值数据转换为二进制序列;将宽度和高度信息组合成字符串 $$width,height$$,转换为二进制序列;将图片像素信息的二进制序列和图片宽高度的二进制序列组合起来,然后再进行Base的编码

具体实现为:

将图片Base数据进行解码

解码是编码的逆过程。过程大致为:

将图片的Base信息进行解码,得到包含图片像素信息和宽高度信息的二进制序列;然后将这个二进制序列解码成字符串,获取高度和宽度信息;去除二进制序列中的高度和宽度信息,得到像素信息;根据像素信息生成像素矩阵;根据像素矩阵、宽度和高度创建图片对象ImageData;利用putImageData将图像绘制出来。

具体的代码实现为:

javascript断点调试心得分享 1.断点调试是啥?难不难?断点调试其实并不是多么复杂的一件事,简单的理解无外呼就是打开浏览器,打开sources找到js文件,在行号上点一下罢了。操

Bootstrap每天必学之导航组件 在bootstrap框架中将导航独立出来成为一个导航组件,根据不同的版本,可以找到相应的源码:LESS:navs.lessSASS:_navs.scss标签形导航,也称选项卡导航标签形

下雪了 javascript实现雪花飞舞 本文实例为大家分享了雪花飞舞效果javascript实现,供大家参考,具体内容如下原理:1、js动态创建DIV,指定CLASS类设置不同的背景图样式显示不同的雪花效

标签: JavaScript实现Base64编码转换

本文链接地址:https://www.jiuchutong.com/biancheng/373505.html 转载请保留说明!

上一篇:JS验证逗号隔开可以是中文字母数字(js 验证数字)

下一篇:javascript断点调试心得分享(js中断点用法)

  • 实收资本的账务处理是怎样的
  • 税率变化递延所得税资产如何调整
  • 手机上税票怎么开
  • 非税收入票据能否税前扣除
  • 汽车申请报废了交强险能退吗
  • 劳务税能退税吗现在
  • 设备5年直线法计提折旧怎么做
  • 财务利润率
  • 小企业工资薪酬制度
  • 补发工资是否计入工资
  • 原材料出现贷方余额
  • 基本户上的钱打到个人账户上,写什么用途
  • 公司厂房拆迁要交税吗
  • 农场管委会是什么性质单位
  • 小规模纳税人一个季度多少免税
  • 离婚房屋权属变动怎么办
  • 企业残疾人保障金
  • 个人劳务报酬所得税计算方法2020
  • 开票软件上怎么抄税
  • 股东折价入股会计分录
  • 上月发票冲销怎么弄
  • 发票校验码后六位在哪个位置图片
  • 普通发票上个月的怎么作废
  • 增值税申报交税后怎样补录未抵扣进项税
  • 使用ps能完成的操作有哪些
  • 转账如何退还一部分钱
  • 实收资本怎么用
  • 违约金条款的特点
  • 补交以前年度的城建税会计分录
  • 企业工会经费计提比例
  • win10 ltsc版
  • 缴纳公积金个人没有扣款怎么回事
  • 评估价格是按原值还是净值
  • 公允价值计量模式与账面价值计量模式的区别与联系
  • 如何判定增值税发票真伪
  • 收到进项税发票如何入账
  • cannot read properties null
  • 麦地那老城
  • js进阶视频教程
  • php与java区别
  • php 短信验证码
  • netconf over ssh
  • javascript数据类型分为哪两类
  • 保证增信是什么意思东奥2023
  • 工资表社保表格怎么算
  • 开通对公账号怎么办理
  • 织梦网站怎么改logo
  • 个税出现负数是什么意思
  • 无票收入需要缴纳文化事业建设税吗
  • 损益类科目的账务处理
  • 普通的收据可以入账吗
  • 税务局代开的增值税专票可以红冲吗?
  • 公司开发的app费用怎么算
  • 关于购买安保器材的报告
  • 费用摊销怎么做分录
  • 进项做成了销项怎么调账
  • 商品流通企业如何控成本
  • 正确使用显微镜的七个步骤
  • java异常后面的语句会运行吗
  • 设置pc
  • windows xp如何进入dos
  • win8开机画面后黑屏
  • vi编辑器使用教程
  • Linux /bin, /sbin, /usr/bin, /usr/sbin 区别
  • 忘记centos密码
  • win7系统c盘占用空间大
  • python生成密钥
  • jquery点击移动div
  • react.development.js
  • node 操作mysql
  • android内存使用情况
  • node.js下载安装教程
  • python文件操作方法
  • js的类型有哪几种
  • python3 heapq
  • 佛山顺德怎么坐地铁到广州
  • 出口退税申报时间是每月15号吗
  • 开具红字增值税专用发票通知单
  • 耕地占用税和契税
  • 湖北国税发票手机查询
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设