mirror of https://github.com/Mabbs/mabbs.github.io
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
3.0 KiB
91 lines
3.0 KiB
<html> |
|
<head> |
|
<title>AES加解密</title> |
|
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> |
|
<script src="js/aes.js"></script> |
|
<script> |
|
function getByteLen(val) { |
|
var len = 0; |
|
for (var i = 0; i < val.length; i++) { |
|
if (val[i].match(/[^\x00-\xff]/ig) != null) len += 3; |
|
else len += 1; |
|
} |
|
return len; |
|
} |
|
|
|
function onbtnEncrypto() { |
|
var plaintText = document.getElementById("input").value; |
|
var keyword = document.getElementById("inputkey").value; |
|
if (plaintText.replace(/(^\s*)|(\s*$)/g, "") == '') { |
|
alert("输入要加密的内容！"); |
|
return; |
|
} |
|
if (keyword.replace(/(^\s*)|(\s*$)/g, "") == '') { |
|
alert("输入要加密的key！"); |
|
return; |
|
} |
|
while (getByteLen(keyword) % 8 != 0) { |
|
keyword = keyword + "\0"; |
|
} |
|
|
|
var key = CryptoJS.enc.Utf8.parse(keyword); |
|
var encryptedData = CryptoJS.AES.encrypt(plaintText, key, { |
|
mode: CryptoJS.mode.ECB, |
|
padding: CryptoJS.pad.Pkcs7 |
|
}); |
|
encryptedData = encryptedData.ciphertext.toString(); |
|
document.getElementById("output").value = encryptedData; |
|
} |
|
|
|
function onbtnDecrypto() { |
|
var encryptedData = document.getElementById("input").value; |
|
var keyword = document.getElementById("inputkey").value; |
|
if (encryptedData.replace(/(^\s*)|(\s*$)/g, "") == '') { |
|
alert("输入要加密的内容！"); |
|
return; |
|
} |
|
if (keyword.replace(/(^\s*)|(\s*$)/g, "") == '') { |
|
alert("输入要加密的key！"); |
|
return; |
|
} |
|
while (getByteLen(keyword) % 8 != 0) { |
|
keyword = keyword + "\0"; |
|
} |
|
|
|
var key = CryptoJS.enc.Utf8.parse(keyword); |
|
var encryptedHexStr = CryptoJS.enc.Hex.parse(encryptedData); |
|
var encryptedBase64Str = CryptoJS.enc.Base64.stringify(encryptedHexStr); |
|
|
|
var decryptedData = CryptoJS.AES.decrypt(encryptedBase64Str, key, { |
|
mode: CryptoJS.mode.ECB, |
|
padding: CryptoJS.pad.Pkcs7 |
|
}); |
|
|
|
if (decryptedData.sigBytes < 0) { |
|
document.getElementById("output").value = "解密失败！密文或者key错误!"; |
|
return; |
|
} |
|
try { |
|
decryptedData.toString(CryptoJS.enc.Utf8) |
|
} catch(e) { |
|
document.getElementById("output").value = "解密失败！密文或者key错误!"; |
|
return; |
|
} |
|
var decryptedStr = decryptedData.toString(CryptoJS.enc.Utf8); |
|
document.getElementById("output").value = decryptedStr; |
|
} |
|
</script> |
|
</head> |
|
<body> |
|
<div> |
|
<br /> |
|
<textarea id="input" name="input" style="width: 80%" rows="8">这里是要加密的内容!</textarea> |
|
<br />key: |
|
<input id="inputkey" type="text" /> |
|
<br /> |
|
<p> <button id="en" class="btn" onclick="onbtnEncrypto()" style="width:100px">加密</button> <button id="de" class="btn" onclick="onbtnDecrypto()" style="width:100px">解密</button> </p> |
|
<textarea id="output" name="output" style="width: 80%" rows="10"></textarea> |
|
</div> |
|
|
|
</body> |
|
</html> |