Base64编码解码
1.window.btoa和window.atob
这两个方法是字符串到base64的编码和解码,使用方法具体如下:
//对hello world进行编码(这里的window可以省略)
var encodedData = window.btoa("Hello, world"); // SGVsbG8sIHdvcmxk
//对hello world编码后的字符串进行解码
var decodedData = window.atob(encodedData); // Hello, world
这里是浏览器自带的方法,window可以省略,这个方法最大的问题在于不能对中文进行编码解码,只支持拉丁文,对中文编码会报如下的错误:
Uncaught DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the **Latin1 range**.
从错误来看,是被编码的字符串不在Latin1 里边。这里我专门去搜索了下 latin1 。
Latin1是ISO-8859-1的别名,有些环境下写作Latin-1。ISO-8859-1编码是单字节编码,向下兼容ASCII,其编码范围是0x00-0xFF,0x00-0x7F之间完全和ASCII一致,0x80-0x9F之间是控制字符,0xA0-0xFF之间是文字符号。 不包含中文。
2. node中内置方法编码解码
node中内置了很多编码加密的方法。
字符串转base64
var buffer = new Buffer('JavaScript');
var encodedData =buffer.toString('base64'); //SmF2YVNjcmlwdA==
var baseData = new Buffer(encodedData , 'base64')
var data = baseData .toString(); // JavaScript
new Buffer(string[, encoding]) 已经弃用,改用为
Buffer.from(string[, encoding]) 返回一个新的 Buffer,其中包含提供的字符串的副本。
所以上边的代码就变为:
var buffer = Buffer.from('JavaScript','utf8'); //默认的这里的字符编码为utf-8,写的时候没有-
var encodedData = buffer.toString('base64'); //SmF2YVNjcmlwdA==
var baseData = Buffer.from(encodedData , 'base64')
var data = baseData.toString(); // JavaScript
最新的node文档中,Buffer.from代替了之前的new Buffer基本语法和之前的相同。node中是支持中文的编码解码的。
3.使用开源的base64.js
使用很简单,浏览器引入该JS文件,然后Base64编码这样:
Base64.encode('hello world'); // 返回:SGVsbG8sIHdvcmxk
解码就调用decode方法,如下:
Base64.decode('SGVsbG8sIHdvcmxk'); //返回 : hello world
base64.js也是支持中文的编码解码的。
总结
以上三种方法都能实现字符串到base64的编码解码,我的建议是从上到下依次选择优先级,浏览器自带的优先选择,当然这里会存在兼容问题,IE9和IFE8可以引入polyfill或者脚本js去支持。node环境下1,2都可以选择,需要对中文进行操作的选择2或者3 。其他的时候再去引入插件吧。
欢迎关注公众号: lovejsandcss
参考
http://nodejs.cn/api/buffer.html
https://developer.mozilla.org/de/docs/Web/API/WindowBase64/btoa
上一篇: JavaScript零碎知识点
下一篇: linux vim 操作笔记