在前端开发中，经常需要处理二进制数据。而在网络传输过程中，二进制数据往往会被转换为字符串。其中最常见的方式就是将二进制数据转换为Base64字符串。那么如何从一个Base64字符串中反向还原出原始的二进制数据呢？本文将详细介绍如何实现这个过程，并提供示例代码和操作指南。
Base64简介
Base64是一种编码方式，可以将任意的二进制数据转换为由A-Z、a-z、0-9和+/组成的ASCII字符串。Base64有三个特点：
- 不会改变数据长度：Base64将每3个字节编码为4个字符，因此编码后的字符串的长度总是原始数据长度的4/3倍，如果原始数据长度不是3的倍数，则会在末尾添加1或2个=号。
- 可读性好：Base64只使用了26个大写字母、26个小写字母、10个数字和两个特殊字符（+和/），这些字符都是可打印字符，因此编码后的数据可以方便地在各种通信渠道上传输。
- 不加密：Base64只是一种编码方式，不具备加密功能。虽然编码后的数据不太容易被人直接读懂，但是只要知道了Base64编码的算法，就很容易将其还原为二进制数据。
从Base64字符串中还原二进制数据
要从一个Base64字符串中还原出原始的二进制数据，可以使用JavaScript内置的atob()方法。该方法会将一个Base64字符串解码成原始数据。
const base64String = 'SGVsbG8gV29ybGQh'; // Base64编码的字符串 const binaryData = atob(base64String); // 解码为二进制数据（字符串类型）
上面的代码中，我们定义了一个Base64编码的字符串base64String，然后调用atob()方法将其解码为二进制数据。解码后得到的是一个字符串类型的二进制数据。
接下来，我们需要将这个字符串类型的二进制数据转换为真正的二进制数据。这可以通过将每个字符的ASCII码值转换为对应的字节来实现。具体来说，我们需要将每个字符的ASCII码值减去0x80，然后将它们组合起来形成一个Uint8Array数组。
const byteArray = new Uint8Array(binaryData.length);
for (let i = 0; i < binaryData.length; i++) {
byteArray[i] = binaryData.charCodeAt(i) - 0x80;
}最后，我们得到了一个Uint8Array类型的byteArray，其中包含了从Base64字符串中还原出来的二进制数据。
示例代码
下面是一个完整的示例代码，它演示了如何将一个Base64字符串还原为二进制数据：
-- -------------------- ---- -------
-------- ------------------------------- -
----- ---------- - -------------------
----- --------- - --- ------------------------------
--- ---- - - -- - - ------------------ ---- -
------------ - ------------------------ - -----
-
------ ----------
-
----- ------------ - -------------------
----- ---------- - --------------------------------
------------------------ -- -------------- ---- ---- ---- ---- ---- --- --- ---- ---- ---- ---- ---在这个示例中，我们定义了一个名为base64ToByteArray()的函数，该函数接受一个Base64编码的字符串作为参数，并返回一个Uint8Array类型的二进制数据。然后我们使用这个函数将
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8745