前端如何将字符串 转化为base64 js

在JavaScript中，可以使用`btoa()`函数将字符串转化为Base64编码。这个函数接受一个字符串作为输入，并返回该字符串的Base64编码的字符串。然而需要注意的是，`btoa()`函数只能对二进制字符串有效，因此如果直接传入普通字符串可能会得到错误的结果。为了正确使用`btoa()`，我们需要先将普通字符串转换为二进制字符串。这可以通过`encodeURIComponent()`函数实现，它能将字符编码为UTF-8格式的Unicode字符串，之后就可以使用`btoa()`进行Base64编码了。

以下是将字符串转化为Base64编码的步骤示例：

// 假设有一个字符串
var str = "Hello, world!";

// 首先将字符串编码为UTF-8格式的二进制字符串
var utf8EncodedString = encodeURIComponent(str);

// 然后对二进制字符串进行Base64编码
var base64EncodedString = btoa(utf8EncodedString);

// 输出转换后的Base64编码字符串
console.log(base64EncodedString); // SGVsbG8sIHdvcmxkIQ==

相反地，如果需要将Base64编码的字符串解码回原始字符串，可以使用`atob()`函数，并且需要先将Base64字符串解码成二进制字符串，再使用`decodeURIComponent()`函数进行解码。

// 假设我们有一个Base64编码的字符串
var base64EncodedString = "SGVsbG8sIHdvcmxkIQ==";

// 使用atob()函数将Base64字符串解码为二进制字符串
var utf8DecodedString = atob(base64EncodedString);

// 使用decodeURIComponent()将二进制字符串解码回原始字符串
var originalString = decodeURIComponent(utf8DecodedString);

// 输出解码后的原始字符串
console.log(originalString); // Hello, world!