mabbs
/
aes.html

<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>