Base64 编码在 JavaScript 中的用法24

Base64 编码是一种将二进制数据转换为 ASCII 字符串的方法。它广泛用于互联网传输和存储，因为它可以在不失真或破坏数据的情况下对二进制数据进行表示。

Base64 编码原理

Base64 编码使用 64 个字符集来表示二进制数据。这 64 个字符包括大小写字母、数字以及符号 + 和 /。每个 Base64 字符代表二进制数据的 6 位。

Base64 编码过程将二进制数据分解为 6 位的块。如果块不完整，则用 0 填充。然后，将每个块转换为其相应的 Base64 字符。如果最后一个块不完整，则用 = 填充。

例如，文本 "Hello" 的二进制表示为：01001000 01100101 01101100 01101100 01101111。

将二进制数据分解为 6 位的块：
010010
000110
010110
110011
011011
11

将每个块转换为 Base64 字符：
010010 => H
000110 => e
010110 => l
110011 => l
011011 => o
11 => =

因此，文本 "Hello" 的 Base64 编码结果为 "aGVsbG8="。

JavaScript 中的 Base64 编码

JavaScript 提供了内置方法来进行 Base64 编码和解码。

编码

使用 btoa() 函数对字符串进行 Base64 编码。该函数接收一个 UTF-8 字符串作为输入，并返回一个 Base64 编码的字符串。```javascript
const base64String = btoa("Hello");
// 输出: "aGVsbG8="
```


解码

使用 atob() 函数对 Base64 字符串进行解码。该函数接收一个 Base64 编码的字符串作为输入，并返回一个 UTF-8 解码的字符串。```javascript
const decodedString = atob("aGVsbG8=");
// 输出: "Hello"
```


扩展功能

可以通过第三方库扩展 JavaScript 中的 Base64 功能。例如，base-64 库提供了更多的编码和解码选项。```javascript
import base64 from "base-64";
const encodedString = ("Hello");
// 输出: "aGVsbG8="
const decodedString = ("aGVsbG8=");
// 输出: "Hello"
```

Base64 编码在 JavaScript 中有着广泛的应用，包括：* 在 AJAX 请求中传输二进制数据
* 存储二进制数据，例如图像或视频
* 生成安全令牌
* 创建 URL 友好的字符串

通过使用 Base64 编码，开发者可以在 JavaScript 应用程序中安全高效地处理二进制数据。

2024-12-17

上一篇：用 JavaScript 探索 DOM 编程的艺术

下一篇：JavaScript 中的 Base64 编码与解码指南