CryptoJS AES加密、解密练习demo

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家，也给大家做个参考。

<!DOCTYPE html>
<html>
<head>
    <title>aes demo</title>
    <Meta charset="utf-8"/>
    <style>
        *{margin:0;padding:0}
        .demo-wrap{width: 400px;height: 50px;margin: 50px auto auto auto}
    </style>
    <script src="./rollups/aes.js"></script>
<!--    <script src="./components/pad-zeropadding.js"></script>-->
</head>
<body>
<div class="demo-wrap">
    <input type="text" id="data-ipt"/>
    <button onclick="getAES();">AES加密</button>
    <button onclick="getDAes();">AES解密</button>
    <br/>
    加密后的数据:
    <p id = "encrypted"></p>
    解密后的数据:
    <p id="decrypted"></p>
</div>
    <script>
        function getAesstring(data,key,iv){//加密
            var key  = CryptoJS.enc.Hex.parse(key);
            var iv   = CryptoJS.enc.latin1.parse(iv);
            var encrypted = CryptoJS.AES.encrypt(data,{
                        iv:iv,mode:CryptoJS.mode.CBC,padding:CryptoJS.pad.Pkcs7
                    });
            return encrypted;
        }
        function getDAesstring(encrypted,iv){//解密
            var key  = CryptoJS.enc.Hex.parse(key);
            var iv   = CryptoJS.enc.latin1.parse(iv);
            var decrypted = CryptoJS.AES.decrypt(encrypted,padding:CryptoJS.pad.Pkcs7
                    });
            return decrypted.toString(CryptoJS.enc.Utf8);
        }
        function getAES(){ //加密
            var data = document.getElementById("data-ipt").value;//明文
            var key  = '1234567812345678';  //密钥
            var iv   = 'Pkcs7';
            var encrypted = getAesstring(data,iv); //密文
            document.getElementById("encrypted").innerHTML = encrypted;
        }
 
        function getDAes(){//解密
            var encrypted = document.getElementById("encrypted").innerHTML; //密文
            var key  = '1234567812345678';
            var iv   = 'Pkcs7';
            var decryptedStr = getDAesstring(encrypted,iv);
            document.getElementById("decrypted").innerHTML = decryptedStr;
        }
        </script>
</body>
</html>

以上是编程之家(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

CryptoJS AES加密、解密练习demo

相关推荐