直接使用crypto-js库对其进行加解密
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.0.0/crypto-js.min.js"></script>
</head>
<body>
<h2>AES加密解密示例</h2>
<input type="text" id="input" placeholder="请输入明文" />
<br /><br />
<input type="password" id="key" placeholder="请输入密钥" />
<br /><br />
<button onclick="encrypt()">加密</button>
<button onclick="decrypt()">解密</button>
<br /><br />
<textarea id="output" rows="5" cols="50" placeholder="输出结果"></textarea>
<script>
function encrypt() {
var input = document.getElementById("input").value;
var key = document.getElementById("key").value;
var encrypted = CryptoJS.AES.encrypt(input, key);
document.getElementById("output").value = encrypted.toString();
}
function decrypt() {
var input = document.getElementById("input").value;
var key = document.getElementById("key").value;
var decrypted = CryptoJS.AES.decrypt(input, key);
document.getElementById("output").value = decrypted.toString(
CryptoJS.enc.Utf8
);
}
</script>
</body>
</html>
