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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值