JavaScript - Base64 编码

编码是将文本从一种数据格式转换为另一种数据格式的过程。用计算机科学术语来说，编码是将文本转换为密文的过程。编码不同于加密过程。

Base64 编码通常用于编码二进制数据，例如图像、音频、视频等。它是一组二进制到文本的编码方案，通过将二进制数据转换为 64 基数表示形式，将其表示为 ASCII 字符串格式。

Base64 编码在许多应用中都有使用，例如通过 MIME 发送电子邮件，以及将复杂数据存储在 XML 或 JSON 中。

使用 btoa() 将字符串转换为 Base64 编码

使用 btoa() 函数将 base64 编码的字符串编码为 Base64 编码的 ASCII 字符串。 btoa() 方法的语法为

btoa(string)

其中，参数 string 为待编码的字符串。返回值是已编码的字符串。

示例

这是一个使用 btoa() 方法对字符串进行编码的示例程序。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Encoding a string in JavaScript.</title>
</head>
<body><p id="encode"></p><script>
var str = "Tutorials point";
document.getElementById('encode').innerHTML = 'The encoded string for "Tutorials point" is '+window.btoa(str);</script>
</body>
</html>

输出

以下是上述程序的输出。

The encoded string for "Tutorials point" is VHJ1c3Rpb25zIHBvaW50

由于不同字符串的编码方式不同，输出结果可能会有所不同。

使用 atob() 进行 Base64 解码

解码是将编码字符串转换回原始字符串的方法。atob() 是一种简单的 Base64 编码字符串解码方法。atob() 方法的语法如下:

atob(encodedString)

其中，encodedString 为待解码字符串。返回值为原始字符串。

示例

这是一个使用 atob() 方法解码字符串的示例程序。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Decoding a string in JavaScript.</title>
</head>
<body><p id="decode"></p><script>
var str = "VHV0b3JpYWxzIHBvaW50";
document.getElementById('decode').innerHTML = 'The decoded string for "VHV0b3JpYWxzIHBvaW50" is '+window.atob(str);</script>
</body>
</html>

输出

以下是上述程序的输出。

The decoded string for "VHV0b3JpYWxzIHBvaW50" is Tutorials point

由于不同字符串的解码字符串不同，您可能会得到不同的输出。