欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Base64编码解码

程序员文章站 2024-01-29 19:40:04
...

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

相关标签: 前端知识点