位置: 编程技术 - 正文

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中断点用法)

  • 个体工商户开劳务发票税率
  • 一般纳税人内账税金的处理
  • 解除劳动合同支付违约金合法吗
  • 接受投资材料
  • 企业入库流程图
  • 工程服务增值税税率1%
  • 印花税核定征收的计税依据
  • 转让无形资产专利权的账务处理
  • 职工旅游费计入什么科目
  • 事业单位乱报销出纳怎么办?
  • 缴纳残疾人就业保险金会计分录
  • 会议案例分析题及答案
  • 应交增值税是否影响企业利润
  • 研发支出与开发成本的区别
  • 为什么预计负债是递延所得税资产
  • 应交税金的明细科目
  • 利润分配的途径
  • 小企业长期待摊费用包括哪些
  • 社保企业报盘是什么
  • harmonyos2.0缺点
  • 代缴的五险一金能贷款吗
  • 系统还没完善
  • win10远程连接提示身份验证错误
  • windows7网络无法连接
  • 公司奖金没有按时发可以要吗
  • 线程是什么意思
  • ev4是什么文件
  • PHP:apache_setenv()的用法_Apache函数
  • 尚未支付的货款用什么凭证
  • RuntimeError: (PreconditionNotMet) The third-party dynamic library (cudnn64_7.dll) that Paddle depen
  • 短期投资计入什么科目
  • 融资租赁的两种基本形式
  • 商业汇票贴现时贴现额的大小受贴现期长短的影响
  • php网站配置
  • 除湿器属于固定资产什么类别
  • 微信小程序如何删除
  • vue笔记项目
  • 最详细的世界地图
  • login user
  • 员工食堂买菜
  • 美国人用什么英语词典
  • 转账支票适用范围
  • 水利建设基金计算公式
  • 运输发票抵扣税率是多少
  • js读取json配置文件
  • 投资性房地产在资产负债表中的列示
  • 开票项目与实际不符合
  • 增值税专用发票怎么开
  • 公司交1500五险一金是什么水平
  • SQL Server通过重建方式还原master数据库
  • 本月发料凭证会计分录
  • 工资走公账有什么好处
  • 未认证未抵扣的进项税
  • 红字冲销发票流程
  • 民间非营利组织会计制度最新版
  • 发票没交税可以报销吗
  • 劳务费差额征税的账务处理
  • 公用事业费属于什么会计科目
  • 启用账簿时应在账簿上签名或盖章的是
  • mysql的json数据类型
  • mysql通过文档读取并执行命令之快速为mysql添加多用户和数据库技巧
  • 电脑开机密码忘记了怎么打开
  • win7系统出现reboot and
  • http500内部错误
  • linux系统要求配置
  • mac安装win10系统后怎么关掉f1快捷键
  • style js
  • 每天学一个成语
  • 如何旋转图片30度
  • html竖排改为横排
  • python教程详细
  • shell脚本自动化
  • unity3d如何发布ios教程
  • javascript教程推荐知乎
  • js 输入
  • android简单app实例
  • 成品油和非成品油的税务知识
  • 暂停资本化期间,一般借款的借款利息不允许资本化
  • 源泉扣缴通俗
  • 融资租赁做什么业务
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设