base64
实际上是一种编码转换方式, 将ASCII
字符转换成普通文本, 是网络上最多见的用于传输8Bit字节代码的编码方式之一。javascript
base64
由字母a-z
、A-Z
、0-9
以及+
和/
, 再加上做为垫字的=
, 一共65字符组成一个基本字符集, 其余全部字符均可以根据必定规则, 转换成该字符集中的字符。html
abcde
=>YWJjZGU=
ABCDE
=>QUJDREU=
java
在平常开发中, 最多见的即是将blob
和base64
之间相互转换.node
// blob to base64
function blobTobase64(blob) {
const fileReader = new FileReader()
let base64 = ''
fileReader.onload = () => {
base64 = fileReader.result // 读取base64
}
fileReader.readAsDataURL(blob) // 读取blob
}
// base64 to blob
function dataURItoBlob(dataURI) {
var mimeString = dataURI
.split(',')[0]
.split(':')[1]
.split(';')[0] // mime类型
var byteString = atob(dataURI.split(',')[1]) //base64 解码
var arrayBuffer = new ArrayBuffer(byteString.length) //建立ArrayBuffer
var intArray = new Uint8Array(arrayBuffer) //建立视图
for (var i = 0; i < byteString.length; i++) {
intArray[i] = byteString.charCodeAt(i)
}
return new Blob([intArray], { type: mimeString }) // 转成 blob
}
复制代码
最新的浏览器自带了两个方法用于base64
的编码和解码git
分别是atob
和btoa
github
base64
转成8bit
字节码8bit
字节码转成base64
对于旧版浏览器, 可使用js-base64api
目前node
中还不支持使用atob
和btoa
,可是能够经过Buffer
来实现, 参考文档数组
if (typeof btoa === 'undefined') {
global.btoa = function (str) {
return Buffer.from(str).toString('base64');
};
}
if (typeof atob === 'undefined') {
global.atob = function (b64Encoded) {
return Buffer.frome(b64Encoded, 'base64').toString();
};
}
复制代码
base64编码方式对于中文是不适用的, 由于中文对应多个字节, 所以能够先使用
encodeURIComponent
编码后再进行base64
编码.浏览器
源码网络
每三个字节做为一组,每一个字节8bit, 一共是24个二进制位。
'ABCD'
["ABC", "D"] // 每三字节作一组
['01000001010000100100001', '01000100'] // 转成8bit
复制代码
将每组的24个二进制位再细分为四组,每组有6个二进制位, 此时为二维数组。
[['010000', '010100', '001001', '000011'], ['010001', '00']]
复制代码
=
。=
。[['010000', '010100', '001001', '000011'], ['010001', '000000']]
复制代码
在每组前面加两个00,扩展成32个二进制位,即四个字节。
规则是这么说, 但这一步我以为能够忽略, 由于
00101010
和101010
是同样的
将每组对应的二进制转成十进制, 在base64char
字符集中找到对应的字符。
[["Q", "U", "J", "D"], ["R", "A"]]
复制代码
每一组都最终都应该转成四个字符
若是不足四个字符, 说明明文中并不足3字节, 所以须要补上垫字符=
, 补够四个字符
[["Q", "U", "J", "D"], ["R", "A", "=", "="]]
复制代码
将最后的结果链接成字符串, 则为最终编码结果。
'ABCD' > 'QUJDRA=='
根据编码方式来看, 每3个字节将会被编码成四个字符, 若是不足3个字节, 则补上垫字符=
, 缺几个就补几个。
btoa('A') // "QQ=="
btoa('AB') // "QUI="
btoa('ABC') // "QUJD"
btoa('ABCD') // "QUJDRA=="
复制代码
解码步骤就是跟编码步骤反过来
=
外的字符, 在base64char
字符集中找到所在下标。0
。
=
, 说明其明文不足3字节, 则根据垫字符=
的数量, 在该组最后一项中去掉对应个数的0
0
0
String.fromCharCode
将二进制转成字符, 而后拼接// n进制转十进制
parseInt('1000', 2) // 8
parseInt('1000', 16) // 4096
// 进制间转换
(10).toString(2) // "1010", 10进制转2进制
(0xff).toString(2) // "11111111", 16进制转2进制
复制代码