base64 js加密解密

Base64 是一种常见的编码格式，用于将二进制数据转换为文本字符串，以便在基于文本的协议（如HTTP）中传输。Base64 编码并不是加密，而是一种编码方式，它允许将任意二进制数据表示为ASCII字符串。

基础概念

Base64 编码使用64个字符来表示二进制数据。这些字符包括大写字母（A-Z）、小写字母（a-z）、数字（0-9）以及符号（+和/）。有时为了使编码后的字符串长度是4的倍数，会在末尾添加一个或两个等号（=）作为填充。

优势

兼容性：Base64编码的数据可以在任何支持ASCII的环境中传输和处理。
可读性：编码后的数据是文本格式，便于阅读和调试。
简单性：编码和解码过程相对简单，易于实现。

类型

标准Base64：使用ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/字符集。
URL安全的Base64：为了避免URL中的特殊字符问题，使用-和_代替+和/，并且通常省略末尾的=。

应用场景

电子邮件附件：MIME标准使用Base64编码来嵌入二进制文件到电子邮件中。
数据传输：在HTTP请求和响应中传输二进制数据时使用。
文件存储：在数据库中存储二进制数据时，可以先进行Base64编码。

JavaScript中的加密解密示例

在JavaScript中，可以使用内置的btoa()和atob()函数进行Base64编码和解码。

编码示例

let originalText = "Hello, World!";
let encodedText = btoa(originalText);
console.log(encodedText); // 输出: "SGVsbG8sIFdvcmxkIQ=="

解码示例

let encodedText = "SGVsbG8sIFdvcmxkIQ==";
let decodedText = atob(encodedText);
console.log(decodedText); // 输出: "Hello, World!"

遇到的问题及解决方法

问题：特殊字符处理

当原始文本中包含Base64字符集中的字符（如+, /, =）时，直接编码可能会导致问题。

解决方法：

对于URL安全的需求，可以使用URL安全的Base64编码。
在编码前对特殊字符进行转义，在解码后进行反转义。

function urlSafeBase64Encode(str) {
    return btoa(str).replace(/\+/g, '-').replace(/\//g, '_').replace(/=+$/, '');
}

function urlSafeBase64Decode(str) {
    str += Array(5 - str.length % 4).join('=');
    return atob(str.replace(/-/g, '+').replace(/_/g, '/'));
}

let originalText = "Hello, World!+/=";
let encodedText = urlSafeBase64Encode(originalText);
console.log(encodedText); // 输出: "SGVsbG8sIFdvcmxkISovLy8="

let decodedText = urlSafeBase64Decode(encodedText);
console.log(decodedText); // 输出: "Hello, World!+/="

通过这种方式，可以确保即使在包含特殊字符的情况下，Base64编码和解码也能正确进行。