node.js学习之base64编码解码


Posted in Javascript onOctober 21, 2016

一. Base64编码由来

为什么会有Base64编码呢?因为有些网络传送渠道并不支持所有的字节,例如传统的邮件只支持可见字符的传送,像ASCII码的控制字符就 不能通过邮件传送。这样用途就受到了很大的限制,比如图片二进制流的每个字节不可能全部是可见字符,所以就传送不了。最好的方法就是在不改变传统协议的情 况下,做一种扩展方案来支持二进制文件的传送。把不可打印的字符也能用可打印字符来表示,问题就解决了。Base64编码应运而生,Base64就是一种 基于64个可打印字符来表示二进制数据的表示方法。

二. Base64编码原理

看一下Base64的索引表,字符选用了"A-Z、a-z、0-9、+、/" 64个可打印字符。数值代表字符的索引,这个是标准Base64协议规定的,不能更改。64个字符用6个bit位就可以全部表示,一个字节有8个bit 位,剩下两个bit就浪费掉了,这样就不得不牺牲一部分空间了。这里需要弄明白的就是一个Base64字符是8个bit,但是有效部分只有右边的6个 bit,左边两个永远是0。

node.js学习之base64编码解码

那么怎么用6个有效bit来表示传统字符的8个bit呢?8和6的最小公倍数 是24,也就是说3个传统字节可以由4个Base64字符来表示,保证有效位数是一样的,这样就多了1/3的字节数来弥补Base64只有6个有效bit 的不足。你也可以说用两个Base64字符也能表示一个传统字符,但是采用最小公倍数的方案其实是最减少浪费的。结合下边的图比较容易理解。Man是三个 字符,一共24个有效bit,只好用4个Base64字符来凑齐24个有效位。红框表示的是对应的Base64,6个有效位转化成相应的索引值再对应 Base64字符表,查出"Man"对应的Base64字符是"TWFU"。说到这里有个原则不知道你发现了没有,要转换成Base64的最小单位就是三个字节,对一个字符串来说每次都是三个字节三个字节的转换,对应的是Base64的四个字节。这个搞清楚了其实就差不多了。

node.js学习之base64编码解码

node.js学习之base64编码解码

但是转换到最后你发现不够三个字节了怎么办呢?愿望终于实现了,我们可以用两 个Base64来表示一个字符或用三个Base64表示两个字符,像下图的A对应的第二个Base64的二进制位只有两个,把后边的四个补0就是了。所以 A对应的Base64字符就是QQ。上边已经说过了,原则是Base64字符的最小单位是四个字符一组,那这才两个字 符,后边补两个"="吧。其实不用"="也不耽误解码,之所以用"=",可能是考虑到多段编码后的Base64字符串拼起来也不会引起混淆。由此可见 Base64字符串只可能最后出现一个或两个"=",中间是不可能出现"="的。下图中字符"BC"的编码过程也是一样的。

node.js学习之base64编码解码

三、node.js普通字符串编码解码:

var b = new Buffer('JavaScript');
var s = b.toString('base64');
// SmF2YVNjcmlwdA==


var b = new Buffer('SmF2YVNjcmlwdA==', 'base64')
var s = b.toString();
// JavaScript

编码解码并转成hex

var b = new Buffer('SmF2YVNjcmlwdA==', 'base64')
var s = b.toString('hex');
// 4a617661536372697074


var b = new Buffer('4a617661536372697074', 'hex')
var s = b.toString('utf8');
// JavaScript

四、node.js编码解码图片

var fs = require('fs');

// function to encode file data to base64 encoded string
function base64_encode(file) {
  // read binary data
  var bitmap = fs.readFileSync(file);
  // convert binary data to base64 encoded string
  return new Buffer(bitmap).toString('base64');
}

// function to create file from base64 encoded string
function base64_decode(base64str, file) {
  // create buffer object from base64 encoded string, it is important to tell the constructor that the string is base64 encoded
  var bitmap = new Buffer(base64str, 'base64');
  // write buffer to file
  fs.writeFileSync(file, bitmap);
  console.log('******** File created from base64 encoded string ********');
}

// convert image to base64 encoded string
var base64str = base64_encode('kitten.jpg');
console.log(base64str);
// convert base64 string back to image 
base64_decode(base64str, 'copy.jpg');

总结

以上就是node.js之base64编码解码的全部内容,希望本文的内容对大家的学习或者工作带来一定的帮助,如果有疑问大家可以留言交流。

Javascript 相关文章推荐
在视频前插入广告
Nov 20 Javascript
基于jquery的一行代码轻松实现拖动效果
Dec 28 Javascript
javascript学习笔记(十三) js闭包介绍(转)
Jun 20 Javascript
JQuery验证工具类搜集整理
Jan 16 Javascript
谈谈JavaScript异步函数发展历程
Sep 29 Javascript
js仿百度登录页实现拖动窗口效果
Mar 11 Javascript
angular中的http拦截器Interceptors的实现
Feb 21 Javascript
关于javascript sort()排序你可能忽略的一点理解
Jul 18 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
Jan 24 Javascript
ES6 对象的新功能与解构赋值介绍
Feb 05 Javascript
vue父组件给子组件的组件传值provide inject的方法
Oct 23 Javascript
JS中this的4种绑定规则详解
Feb 04 Javascript
JavaScript浮点数及运算精度调整详解
Oct 21 #Javascript
利用Node.JS实现邮件发送功能
Oct 21 #Javascript
bootstrap中使用google prettify让代码高亮的方法
Oct 21 #Javascript
BootStrap网页中代码显示用法详解
Oct 21 #Javascript
网页瀑布流布局jQuery实现代码
Oct 21 #Javascript
js运动事件函数详解
Oct 21 #Javascript
javascript轮播图算法
Oct 21 #Javascript
You might like
PHP分页显示制作详细讲解
2008/11/19 PHP
PHP数据库链接类(PDO+Access)实例分享
2013/12/05 PHP
举例详解PHP脚本的测试方法
2015/08/05 PHP
php readfile下载大文件失败的解决方法
2017/05/22 PHP
javascript 添加和移除函数的通用方法
2009/10/20 Javascript
js escape,unescape解决中文乱码问题的方法
2010/05/26 Javascript
javascript setTimeout和setInterval计时的区别详解
2013/06/21 Javascript
JS 毫秒转时间示例代码
2013/09/22 Javascript
javascript中数组的concat()方法使用介绍
2013/12/18 Javascript
如何通过js实现图片预览功能【附实例代码】
2016/03/30 Javascript
js阻止浏览器默认行为的简单实例
2016/05/15 Javascript
javascript事件处理模型实例说明
2016/05/31 Javascript
KnockoutJS 3.X API 第四章之事件event绑定
2016/10/10 Javascript
利用JavaScript在网页实现八数码启发式A*算法动画效果
2017/04/16 Javascript
浅谈vue引入css,less遇到的坑和解决方法
2018/01/20 Javascript
vue 自定义指令自动获取文本框焦点的方法
2018/08/25 Javascript
200行HTML+JavaScript实现年会抽奖程序
2019/01/22 Javascript
vue 实现移动端键盘搜索事件监听
2019/11/06 Javascript
electron 如何将任意资源打包的方法步骤
2020/04/16 Javascript
Python下的subprocess模块的入门指引
2015/04/16 Python
Python中使用插入排序算法的简单分析与代码示例
2016/05/04 Python
Python 遍历列表里面序号和值的方法(三种)
2017/02/17 Python
用python处理图片实现图像中的像素访问
2018/05/04 Python
Python Flask框架扩展操作示例
2019/05/03 Python
CentOS6.9 Python环境配置(python2.7、pip、virtualenv)
2019/05/06 Python
python plotly画柱状图代码实例
2019/12/13 Python
python实现扫雷游戏
2020/03/03 Python
如何写python的配置文件
2020/06/07 Python
Python 中的函数装饰器和闭包详解
2021/02/06 Python
html5绘制时钟动画
2014/12/15 HTML / CSS
HTML5拖放API实现拖放排序的实例代码
2017/05/11 HTML / CSS
美国Lolё官网:购买大胆而美丽的女性运动服装
2017/05/22 全球购物
大学生求职简历的自我评价
2013/10/21 职场文书
优秀家长事迹材料
2014/05/17 职场文书
2014年高数考试作弊检讨书
2014/12/14 职场文书
运动会广播稿200字
2015/08/19 职场文书