Base64是一种基于64个可打印字符来表示二进制数据的编码方法。它将二进制数据转换为ASCII字符串格式，使得二进制数据可以在只支持文本的环境中进行传输和存储。
Base64编码使用的64个字符包括：
Base64编码的核心思想是将每3个字节（24位）的二进制数据分成4组，每组6位，然后将每组6位数据映射到Base64字符表中对应的字符。
具体步骤如下：
让我们以字符串"Man"为例来演示编码过程：
原始数据: "Man"
ASCII码: M=77, a=97, n=110
二进制: 01001101 01100001 01101110
分组(6位): 010011 010110 000101 101110
十进制: 19 22 5 46
Base64: T W F u
结果: "TWFu"当输入数据的字节数不是3的倍数时，需要进行填充：
在早期的电子邮件系统中，只能传输7位ASCII字符。Base64编码使得二进制附件（如图片、文档）能够通过邮件系统传输。
Base64编码常用于在HTML和CSS中嵌入小图片：
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChAGA4nEKtAAAAABJRU5ErkJggg==" alt="1x1像素图片">在RESTful API中，Base64编码用于传输二进制数据，如文件上传、图片处理等。
某些配置文件需要存储二进制数据时，使用Base64编码可以避免字符编码问题。
在某些加密算法中，Base64用于编码加密后的二进制数据，使其能够以文本形式存储和传输。
// 编码
function base64Encode(str) {
return btoa(unescape(encodeURIComponent(str)));
}
// 解码
function base64Decode(str) {
return decodeURIComponent(escape(atob(str)));
}
// 使用示例
const originalText = "Hello, 世界!";
const encoded = base64Encode(originalText);
const decoded = base64Decode(encoded);
console.log("原始文本:", originalText);
console.log("编码结果:", encoded);
console.log("解码结果:", decoded);import base64
# 编码
def base64_encode(data):
if isinstance(data, str):
data = data.encode('utf-8')
return base64.b64encode(data).decode('ascii')
# 解码
def base64_decode(encoded_data):
return base64.b64decode(encoded_data).decode('utf-8')
# 使用示例
original_text = "Hello, 世界!"
encoded = base64_encode(original_text)
decoded = base64_decode(encoded)
print(f"原始文本: {original_text}")
print(f"编码结果: {encoded}")
print(f"解码结果: {decoded}")// 编码
function base64Encode(str) {
return Buffer.from(str, 'utf8').toString('base64');
}
// 解码
function base64Decode(str) {
return Buffer.from(str, 'base64').toString('utf8');
}
// 文件编码示例
const fs = require('fs');
function encodeFile(filePath) {
const fileData = fs.readFileSync(filePath);
return fileData.toString('base64');
}
function decodeToFile(base64Data, outputPath) {
const buffer = Buffer.from(base64Data, 'base64');
fs.writeFileSync(outputPath, buffer);
}// 对于大数据，考虑分块处理
function encodeInChunks(data, chunkSize = 1024 * 1024) {
const chunks = [];
for (let i = 0; i < data.length; i += chunkSize) {
const chunk = data.slice(i, i + chunkSize);
chunks.push(btoa(chunk));
}
return chunks.join('');
}function safeBase64Decode(str) {
try {
return atob(str);
} catch (error) {
console.error('Base64解码失败:', error);
return null;
}
}对于URL传输，使用URL安全的Base64变体：
function base64UrlEncode(str) {
return btoa(str)
.replace(/\+/g, '-')
.replace(/\//g, '_')
.replace(/=/g, '');
}
function base64UrlDecode(str) {
// 补充填充字符
str += '='.repeat((4 - str.length % 4) % 4);
// 替换URL安全字符
str = str.replace(/-/g, '+').replace(/_/g, '/');
return atob(str);
}// 错误的方式
const wrong = btoa("中文"); // 会报错
// 正确的方式
const correct = btoa(unescape(encodeURIComponent("中文")));某些Base64实现会在输出中添加换行符，需要注意处理：
function cleanBase64(str) {
return str.replace(/[\r\n]/g, '');
}function isValidBase64(str) {
const base64Regex = /^[A-Za-z0-9+/]*={0,2}$/;
return base64Regex.test(str) && str.length % 4 === 0;
}Base64编码是一种重要的数据编码技术，在现代Web开发中有着广泛的应用。虽然它会增加数据大小，但其良好的兼容性和简单性使其成为处理二进制数据传输的首选方案之一。
理解Base64的工作原理和适用场景，能够帮助开发者在合适的时候选择合适的技术方案，避免常见的陷阱，并实现高效的数据处理。
在实际应用中，建议根据具体需求选择合适的编码方案，对于大文件传输可以考虑其他更高效的方案，而对于小数据块的文本环境传输，Base64仍然是一个优秀的选择。
原文地址：https://webfem.com/post/base64，转载请注明出处
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。