关于Javascript的des加密

2018-07-04 02:33:44来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

参考文章:https://www.cnblogs.com/MSMXQ/p/4484348.html

需要先下载CryptoJS文件,然后引入其中的两个文件,可以在github中找到。

直接上代码

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <title>JS设置DES加密处理</title>
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script src="js/rollups/tripledes.js"></script>
        <script src="js/components/mode-ecb.js"></script>
        <script>
             //DES 解密 加密
            function encryptByDES(message, key) {
                    var keyHex = CryptoJS.enc.Utf8.parse(key);
                    var encrypted = CryptoJS.DES.encrypt(message, keyHex, {
                        mode: CryptoJS.mode.ECB,
                        padding: CryptoJS.pad.Pkcs7
                    });
                    return encrypted.toString();
                }
                //DES 解密

            function decryptByDES(ciphertext, key) {
                var keyHex = CryptoJS.enc.Utf8.parse(key);
                // direct decrypt ciphertext
                var decrypted = CryptoJS.DES.decrypt({
                    ciphertext: CryptoJS.enc.Base64.parse(ciphertext)
                }, keyHex, {
                    mode: CryptoJS.mode.ECB,
                    padding: CryptoJS.pad.Pkcs7
                });
                return decrypted.toString(CryptoJS.enc.Utf8);
            }
        </script>
        <script>
             //加密
            function encryptStr() {
                    var strKey = $.trim($('#key').val());
                    var strMsg = $.trim($('#text1').val());
                    $('#text2').val(encryptByDES(strMsg, strKey));
                }
                //解密

            function decryptStr() {
                var strKey = $.trim($('#key').val());
                var ciphertext = $.trim($('#text2').val());
                $('#text3').val(decryptByDES(ciphertext, strKey));
            }
        </script>
    </head>

    <body>
        <h1>JS设置DES加密处理</h1>
        <label>key</label>
        <input type="text" value='12345678' id="key" />
        <div>
            <textarea id="text1" placeholder="请输入需要加密的字符"></textarea>
            <input type="button" value="加密" onclick="encryptStr();" />
            <textarea id="text2"></textarea>
            <input type="button" value="解密" onclick="decryptStr();" />
            <textarea id="text3"></textarea>
        </div>
    </body>
</html>

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:let和const----你所不知道的JavaScript系列(2)

下一篇:原型的几点总结