Base64编码加密JS代码网页版

2023年5月19日下午6:12 • JavaScript

Base64编码是一种将二进制数据编码成可打印字符的编码方式，常用于表示数据的传输或存储。在JS代码中，经常需要对字符串进行加密或解密操作，而其中的一种方式就是使用Base64编码。

下面是 “Base64编码加密JS代码网页版” 的完整攻略：

什么是Base64编码

Base64编码是由美国政府设计的一种用于二进制数据在网络上传输的编码方式。Base64编码可将任意二进制数据编码成只包含ASCII字符的字符串。将数据编码后，可方便地传输，并通过解码恢复原始数据。Base64编码使用64个字符来表示任意二进制数据，字符包括A-Z、a-z、0-9，以及 “+” 和 “/”。

JS中使用Base64编码

在JS中使用Base64编码，可以对字符串进行加密或解密。在浏览器端，可以使用Atob()和Btoa()方法进行编解码。其中Atob()方法可以将Base64编码的字符串解码为原始数据，Btoa()方法可以将二进制数据编码为Base64字符串。

Atob()方法

Atob()方法用于解码Base64编码的字符串，返回原始数据。例如：

var str = "TXkgc3RyaW5nIGlzIGJhc2U2NCDmnKzpmYjlj";
var originalData = atob(str);
console.log(originalData); // My string is base64喜欢fb9c

Btoa()方法

Btoa()方法用于将二进制数据编码为Base64字符串。例如：

var data = "My string is base64喜欢";
var base64Data = btoa(data);
console.log(base64Data); // TXkgc3RyaW5nIGlzIGJhc2U2NBXvvJpmYjlj

示例

下面是一个使用Base64编码加密和解密文字的示例：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Base64JS</title>
    <script>
      function encodeText() {
        var input = document.getElementById("inputText").value;
        var encoded = btoa(input);
        document.getElementById("encodedText").value = encoded;
      }

      function decodeText() {
        var encoded = document.getElementById("encodedText").value;
        var decoded = atob(encoded);
        document.getElementById("decodedText").value = decoded;
      }
    </script>
  </head>
  <body>
    <h1>Base64JS</h1>
    <label for="inputText">Input Text:</label><br>
    <textarea id="inputText"></textarea><br>
    <button onclick="encodeText()">Encode</button>
    <button onclick="decodeText()">Decode</button><br>
    <label for="encodedText">Encoded Text:</label><br>
    <textarea id="encodedText"></textarea><br>
    <label for="decodedText">Decoded Text:</label><br>
    <textarea id="decodedText"></textarea><br>
  </body>
</html>

在上面的代码中，我们使用了两个函数：encodeText()和decodeText()。encodeText()函数用于将输入的文本进行Base64编码并将结果显示在 “Encoded Text” 输入框中，decodeText()函数用于将输入的编码文本解码并将结果显示在 “Decoded Text” 输入框中。

通过这个示例，我们可以加深对 Base64编码的理解，并掌握了如何在JS中使用该编码方式加密和解密文本。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：Base64编码加密JS代码网页版 - Python技术站