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 相关文章推荐
学习ExtJS Column布局
Oct 08 Javascript
JQuery的read函数与js的onload不同方式实现
Mar 18 Javascript
jQuery在ul中显示某个li索引号的方法
Mar 17 Javascript
JavaScript实现下拉菜单的显示和隐藏
Jan 05 Javascript
基于javascript实现九九乘法表
Mar 27 Javascript
jQuery将表单序列化成一个Object对象的实例
Nov 29 Javascript
Bootstrap源码解读导航(6)
Dec 23 Javascript
Angular ng-animate和ng-cookies用法详解
Apr 18 Javascript
微信小程序自定义多选事件的实现代码
May 17 Javascript
element-ui上传一张图片后隐藏上传按钮功能
May 22 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
Aug 21 Javascript
如何通过JS实现日历简单算法
Oct 14 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读取和编写XML DOM的实现代码
2011/02/03 PHP
Yii开启片段缓存的方法
2016/03/28 PHP
PHP封装的数据库模型Model类完整示例【基于PDO】
2019/03/14 PHP
php实现的表单验证类完整示例
2019/08/13 PHP
PHP中用Trait封装单例模式的实现
2019/12/18 PHP
js或css实现滚动广告的几种方案
2010/01/28 Javascript
js比较和逻辑运算符的介绍
2013/03/10 Javascript
商城常用滚动的焦点图效果代码简单实用
2013/03/28 Javascript
使用PHP+JQuery+Ajax分页的实现
2013/04/23 Javascript
js有序数组的连接问题
2013/10/01 Javascript
用js的for循环获取radio选中的值
2013/10/21 Javascript
利用JS来控制键盘的上下左右键(示例代码)
2013/12/14 Javascript
javascript时间排序算法实现活动秒杀倒计时效果
2021/01/28 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
2016/12/26 Javascript
Bootstrap导航条学习使用(一)
2017/02/08 Javascript
Vue.directive 自定义指令的问题小结
2018/03/04 Javascript
原生实现一个react-redux的代码示例
2018/06/08 Javascript
angularJs提交文本框数据到后台的方法
2018/10/08 Javascript
总结Python编程中三条常用的技巧
2015/05/11 Python
浅谈python中set使用
2016/06/30 Python
Pytorch使用MNIST数据集实现基础GAN和DCGAN详解
2020/01/10 Python
pymysql模块使用简介与示例
2020/11/17 Python
Flask-SocketIO服务端安装及使用代码示例
2020/11/26 Python
中医药大学毕业生自荐信
2013/11/08 职场文书
大学社团活动总结
2014/04/26 职场文书
购房委托书范本
2014/09/18 职场文书
2014年个人技术工作总结
2014/12/08 职场文书
写给导师的自荐信
2015/03/06 职场文书
入党培养人考察意见
2015/06/08 职场文书
科级干部培训心得体会
2016/01/06 职场文书
《正比例》教学反思
2016/02/23 职场文书
公司趣味运动会开幕词
2016/03/04 职场文书
JavaScript使用canvas绘制坐标和线
2021/04/28 Javascript
java设计模式--七大原则详解
2021/07/21 Java/Android
基于PostgreSQL/openGauss 的分布式数据库解决方案
2021/12/06 PostgreSQL
Python matplotlib绘制条形统计图 处理多个实验多组观测值
2022/04/21 Python