前言

atob和btoa是window对象的两个函数，用来编码解码Base64。
有关Base64的编码解码规则可参考我的博客：js实现基于Base64的编码及解码

btoa

binary to ascii，用于将binary数据用ascii码表示。常用于编码字符串。

var str = "This is a string";
var encoded_str = btoa(str);
console.log(encoded_str); // Outputs: "VGhpcyBpcyBhIHN0cmluZw=="

但是不能编码Unicode字符

atob

ascii to binary，用于将ascii码解析成binary数据。用于解码Base64编码的字符串。

var encoded_str = "VGhpcyBpcyBhIHN0cmluZw==";
var str= atob(encoded_str);
console.log(str); // Outputs: "This is a string"

如何让btoa支持Unicode字符编码

编码时，先用encodeURIComponent对字符串进行编码，再进行btoa进行Base64编码
解码时，先用atob对Base64编码的串进行解码，再用decodeURIComponent对字符串进行解码

var str = "hello,中国";
var encoded_str = btoa(encodeURIComponent(str));
var decoded_str = decodeURIComponent(atob(encoded_str));
console.log(encoded_str); // Outputs: "aGVsbG8lMkMlRTQlQjglQUQlRTUlOUIlQkQ="
console.log(decoded_str); // Outputs: "hello,中国"

IE9不支持atob、btoa

对于IE9不支持这两种编码解码方式，可以使用公共类库来兼容IE9：
具体可查看我的博客：
js实现基于Base64的编码及解码

微信小程序调用wx.base64ToArrayBuffer获取图片验证码的时候，点击获取5-6次验证码会报错thirdScriptError "atob" failed;undefined Error: "atob" failed，解决方式：

1、后台拿过来的数据先进行JSON.stringify()转换，转之后发现空格都被转化为"\n"

let data = JSON.stringify(res.data)

2、去掉空格

res.data.base64 = res.data.base64.replace(/[\r\n]/g,"")

这时候正常的使用base64转换接口就可以了。

在 JavaScript 中，有两个函数被分别用来处理解码和编码 base64 字符串：

• atob() //ASCII to Base64
• btoa() //Base64 to ASCII

atob() 函数能够解码通过base-64编码的字符串数据。相反地，btoa() 函数能够从二进制数据“字符串”创建一个base-64编码的ASCII字符串。

Encoded size increase（编码大小增长）
Each Base64 digit represents exactly 6 bits of data. So, three 8-bits bytes of the input string/binary file (3×8 bits = 24 bits) can be represented by four 6-bit Base64 digits (4×6 = 24 bits).（每一个base64数位明确表示6位数据，所以3个8位的字符或者二进制输入能够被4个6位的base64位数代表，4×6 = 3×8）

This means that the Base64 version of a string or file will be at most 133% the size of its source (a ~33% increase). The increase may be larger if the encoded data is small. For example, the string “a” with length === 1 gets encoded to “YQ==” with length === 4 — a 300% increase.（这代表着Base64编码的字符串或者文件的大小最大是源的133%倍，如果被编码的数据非常的小，那么这个比例将会非常的大，比如字符串"a" 的长度是1，但是编码后是4个长度的"YQ=="）

基本用法

／／更多内容：
https://developer.mozilla.org/zh-CN/docs/Web/API/WindowBase64/Base64_encoding_and_decoding
https://developer.mozilla.org/zh-CN/docs/Web/API/WindowBase64/atob