前端 base64 编码与解码

2023-11-28 20:19:08

base64 简介

Base64 是一种二进制编码方案，它将二进制数据转换为文本，以便在文本环境中传输和存储。Base64 编码使用 64 个字符作为基本字符集，包括大写字母、小写字母、数字、加号和斜杠，再加上一个作为填充字符的等号。Base64 编码后的数据可以很容易地通过电子邮件、社交媒体或其他文本媒体传输，而不会出现乱码或损坏。

base64 原理

Base64 编码的原理非常简单，它将三个字节的数据转换为四个字符。每个字符代表六位二进制数据，因此一个字节的数据可以转换为两个字符，两个字节的数据可以转换为三个字符，三个字节的数据可以转换为四个字符。如果数据长度不足三个字节，则用等号填充。

base64 优缺点

Base64 编码具有以下优点：

兼容性强：Base64 是一种通用的编码方案，可以被广泛的平台和应用程序支持。
安全性高：Base64 编码后的数据是不可读的，因此可以保护数据免遭未经授权的访问。
传输效率高：Base64 编码后的数据比原始数据更紧凑，因此可以减少数据传输的时间和带宽消耗。

Base64 编码也有一些缺点：

编码后的数据体积变大：Base64 编码后的数据比原始数据更大，因此可能需要更多的存储空间。
解码速度慢：Base64 编码后的数据需要解码才能还原为原始数据，因此解码过程可能需要花费更多的时间。

JavaScript 实现

在前端开发中，我们可以使用 JavaScript 来实现 base64 编码和解码。JavaScript 提供了两个内置函数：btoa() 和 atob()，分别用于 base64 编码和解码。

// base64 编码
const encodedData = btoa("Hello, world!");

// base64 解码
const decodedData = atob(encodedData);

console.log(encodedData); // 输出：SGFsbG8sIHdvcmxkIQ==
console.log(decodedData); // 输出：Hello, world!