用js编解码base64

封面图 • 2025-11-07 • JavaScript

在 JavaScript 中，可以使用内置的 `btoa` 和 `atob` 函数来编码和解码 Base64 字符串。

### 编码 (Base64 Encode)
使用 `btoa` 函数将字符串编码为 Base64 格式。

```javascript
const originalString = "Hello World!";
const encodedString = btoa(originalString);
console.log(encodedString); // 输出: "SGVsbG8gV29ybGQh"
```

### 解码 (Base64 Decode)
使用 `atob` 函数将 Base64 编码的字符串解码为原始字符串。

```javascript
const encodedString = "SGVsbG8gV29ybGQh";
const decodedString = atob(encodedString);
console.log(decodedString); // 输出: "Hello World!"
```

### 注意事项
1. `btoa` 和 `atob` 只能处理 ASCII 字符。如果你需要处理非 ASCII 字符（例如 Unicode 字符），你需要先将字符串转换为 UTF-8 编码。
2. 如果你处理的是 UTF-8 字符串，可以使用以下方法进行编码和解码：

#### 编码 UTF-8 字符串为 Base64
```javascript
function encodeUtf8ToBase64(str) {
    return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function(match, p1) {
        return String.fromCharCode('0x' + p1);
    }));
}

const utf8String = "你好，世界！";
const base64String = encodeUtf8ToBase64(utf8String);
console.log(base64String); // 输出: "5L2g5aW9LCBzelk="
```

#### 解码 Base64 为 UTF-8 字符串
```javascript
function decodeBase64ToUtf8(str) {
    return decodeURIComponent(Array.prototype.map.call(atob(str), function(c) {
        return '%' + c.charCodeAt(0).toString(16).padStart(2, '0');
    }).join(''));
}

const decodedString = decodeBase64ToUtf8(base64String);
console.log(decodedString); // 输出: "你好，世界！"
```

这样你就可以正确地处理包含 Unicode 字符的字符串了。