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 相关文章推荐
javascript比较文档位置
Apr 08 Javascript
jquery 笔记 事件
Nov 02 Javascript
图片无缝滚动代码(向左/向下/向上)
Apr 10 Javascript
DOM基础教程之使用DOM控制表格
Jan 20 Javascript
BootStrap selectpicker
Jun 20 Javascript
详谈js中数组(array)和对象(object)的区别
Feb 27 Javascript
windows下vue.js开发环境搭建教程
Mar 20 Javascript
Vue如何实现组件的源码解析
Jun 08 Javascript
Vue实例中生命周期created和mounted的区别详解
Aug 25 Javascript
Vue实现美团app的影院推荐选座功能【推荐】
Aug 29 Javascript
angularJs中$scope数据序列化的实例
Sep 30 Javascript
p5.js实现故宫橘猫赏秋图动画
Oct 23 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文件上传表单摘自drupal的代码
2011/02/15 PHP
php支付宝手机网页支付类实例
2015/03/04 PHP
利用XMLHTTP传递参数在另一页面执行并刷新本页
2006/10/26 Javascript
Prototype 工具函数 学习
2009/07/23 Javascript
借助script进行Http跨域请求:JSONP实现原理及代码
2013/03/19 Javascript
在其他地方你学不到的jQuery小贴士和技巧(欢迎收藏)
2016/01/20 Javascript
javascript特殊日历控件分享
2016/03/07 Javascript
jQuery事件绑定方法学习总结(推荐)
2016/11/21 Javascript
利用node.js如何创建子进程详解
2017/12/09 Javascript
详解ES6 Fetch API HTTP请求实用指南
2018/11/14 Javascript
Vue组件教程之Toast(Vue.extend 方式)详解
2019/01/27 Javascript
Vue——解决报错 Computed property "****" was assigned to but it has no setter.
2020/12/19 Vue.js
详解Vue.js 可拖放文本框组件的使用
2021/03/03 Vue.js
Python对两个有序列表进行合并和排序的例子
2014/06/13 Python
Python中unittest模块做UT(单元测试)使用实例
2015/06/12 Python
win10环境下python3.5安装步骤图文教程
2017/02/03 Python
Python利用Beautiful Soup模块搜索内容详解
2017/03/29 Python
Python数据结构与算法之完全树与最小堆实例
2017/12/13 Python
Django 2.0版本的新特性抢先看!
2018/01/05 Python
详解python之协程gevent模块
2018/06/14 Python
使用Python实现一个栈判断括号是否平衡
2018/08/23 Python
Pandas中Series和DataFrame的索引实现
2019/06/27 Python
浅谈Tensorflow 动态双向RNN的输出问题
2020/01/20 Python
用python按照图像灰度值统计并筛选图片的操作(PIL,shutil,os)
2020/06/04 Python
python实现马丁策略回测3000只股票的实例代码
2021/01/22 Python
linux系统下pip升级报错的解决方法
2021/01/31 Python
html5调用摄像头功能的实现代码
2018/05/07 HTML / CSS
娇韵诗法国官网:Clarins法国
2019/01/29 全球购物
师德师风自查材料
2014/10/14 职场文书
舌尖上的中国观后感
2015/06/02 职场文书
iPhone13将有八大升级
2021/04/15 数码科技
使用golang编写一个并发工作队列
2021/05/08 Golang
CSS的class与id常用的命名规则
2021/05/18 HTML / CSS
Python3接口性能测试实例代码
2021/06/20 Python
如何利用golang运用mysql数据库
2022/03/13 Golang
详解apache编译安装httpd-2.4.54及三种风格的init程序特点和区别
2022/07/15 Servers