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 克隆数组最简单的方法
Feb 12 Javascript
jquery 学习之二 属性(类)
Nov 25 Javascript
node.js中的fs.fchmod方法使用说明
Dec 16 Javascript
js数组依据下标删除元素
Apr 14 Javascript
jQuery实现自动调用和触发某个事件的方法
Nov 18 Javascript
基于Javascript实现的不重复ID的生成器
Dec 25 Javascript
JS作用域深度解析
Dec 29 Javascript
jQuery图片加载失败替换默认图片方法汇总
Nov 29 jQuery
vue底部加载更多的实例代码
Jun 29 Javascript
vue实现组件之间传值功能示例
Jul 13 Javascript
vue.js引入外部CSS样式和外部JS文件的方法
Jan 06 Javascript
vue或react项目生产环境去掉console.log的操作
Sep 02 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 intval的测试代码发现问题
2008/07/27 PHP
献给php初学者(入门学习经验谈)
2010/10/12 PHP
PHP与MYSQL中UTF8 中文排序示例代码
2014/10/23 PHP
PHP类的声明与实例化及构造方法与析构方法详解
2016/01/26 PHP
php实现图片上传时添加文字和图片水印技巧
2020/04/18 PHP
PHP封装的mysqli数据库操作类示例
2019/02/16 PHP
跨域表单提交状态的变相判断代码
2009/11/12 Javascript
js各种验证文本框输入格式(正则表达式)
2010/10/22 Javascript
jquery二级导航内容均分的原理及实现
2013/08/13 Javascript
jQuery实现的漂亮表单效果代码
2015/08/18 Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
2016/10/26 Javascript
使用命令行工具npm新创建一个vue项目的方法
2017/12/27 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
2018/10/09 Javascript
vue 表单之通过v-model绑定单选按钮radio
2019/05/13 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
2019/05/30 Javascript
ES6字符串的扩展实例
2020/12/21 Javascript
介绍Python中几个常用的类方法
2015/04/08 Python
Python的面向对象编程方式学习笔记
2016/07/12 Python
Python3.5 处理文本txt,删除不需要的行方法
2018/12/10 Python
python3多线程知识点总结
2019/09/26 Python
python实现的多任务版udp聊天器功能案例
2019/11/13 Python
pytorch-RNN进行回归曲线预测方式
2020/01/14 Python
python中remove函数的踩坑记录
2021/01/04 Python
HTML5中canvas中的beginPath()和closePath()的重要性
2018/08/24 HTML / CSS
canvas简易绘图的实现(海绵宝宝篇)
2018/07/04 HTML / CSS
英国高街品牌:Miss Selfridge(塞尔弗里奇小姐)
2016/09/21 全球购物
中国排名第一的外贸销售网站:LightInTheBox.com(兰亭集势)
2016/10/28 全球购物
销售顾问的岗位职责
2013/11/13 职场文书
竞职演讲稿范文
2014/01/11 职场文书
遗体告别仪式答谢词
2014/01/23 职场文书
五五普法心得体会
2014/09/04 职场文书
2014年小学生教师节演讲稿范文
2014/09/10 职场文书
工程部岗位职责
2015/02/10 职场文书
2015纪念九一八事变84周年演讲稿
2015/03/19 职场文书
canvas多重阴影发光效果实现
2021/04/20 Javascript
React 高阶组件HOC用法归纳
2021/06/13 Javascript