参考文章：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>

关于Javascript的des加密的更多相关文章

  1. JavaScript DES 加密tripledes.js:

    <html> <head> <meta http-equiv="content-type" content="text/html; char ...

  2. JavaScript DES 加密

    最近做网页数据加密工作, 使用CryptoJS v3.1.2 这个JavaScript脚本,网上比较有质量的文章实在太少,经验证加密结果与Asp.net DES加密结果一致 参考文章 https:// ...

  3. DES加密解密 与 Cookie的封装(C#与js互相加密解密)

    2D JS框架 - DES加密解密 与 Cookie的封装(C#与js互相加密解密)   这次实现了JS端的DES加密与解密,并且C#端也能正确解析DES的密文(反之也实现了) 使用的代码如下,非常方 ...

  4. 前端DES加密

    /** * DES加密/解密 * @Copyright Copyright (c) 2018 * @author mrDu * @see DESCore */ /* * encrypt the str ...

  5. javascript之传输加密

    为什么要使用javascript加密呢?服务端加密远远不够,客户端或者浏览器端也需要加密,以此保证传输信息过程的安全. 今天就我工作中说说这么几种加密算法及其对应的应用场景,如下所示: base64 ...

  6. A2D JS框架 - DES加密解密 与 Cookie的封装(C#与js互相加密解密)

    这次实现了JS端的DES加密与解密,并且C#端也能正确解析DES的密文(反之也实现了) 使用的代码如下,非常方便: <script src="A2D.js" type=&qu ...

  7. Des加密（js+java结果一致）【原创】

    des加密算法,javascript版本和java版本 目录: 1.资源文件下载 2.JavaScript文件(des.js) 3.html文件(des.html) 4.java文件(des.java ...

  8. 对称加密——对入参进行DES加密处理

    体验更优排版请移步原文:http://blog.kwin.wang/programming/symmetric-encryption-des-js-java.html 对称加密是最快速.最简单的一种加 ...

  9. Android数据加密之Des加密

    前言: 端午节前有个同事咨询我有关Android DES加密的相关实现,简单的实现了一下,今天来总结一下. 其他几种加密方式: Android数据加密之Rsa加密 Android数据加密之Aes加密 ...

随机推荐

  1. Quartz2D简单图形

    这些天一直准备学绘图和核心动画这块,可一直找不到合适系统的教材,没有大纲,比较纠结,在网上搜了又搜,看着其他的博文写的 第一遍来学习绘制简单的图形 // 若想利用Quartz 2D在View上绘制信息 ...

  2. 【转载】图片 CSS：怎样才能 “响应式 + 固定宽高比例”？

    自己根据项目需要,把代码摘了出来 <div class="img-box"></div> .img-box{ height:0; padding-botto ...

  3. AngularJS学习笔记（五）自定义指令（1）

    先来说说自定义指令 ng通过内置指令的方式实现了对html的增强,同时也赋予了我们自定义指令的功能,让我们根据实际需求进行指令的定制.自定义指令涉及到模板(template).作用域(scope).数 ...

  4. Graveyard（poj3154）

    Graveyard Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 1289   Accepted: 660   Specia ...

  5. hdu 1568 (log取对数 / Fib数通项公式)

    hdu 1568 (log取对数 / Fib数通项公式) 2007年到来了.经过2006年一年的修炼,数学神童zouyu终于把0到100000000的Fibonacci数列 (f[0]=0,f[1]= ...

  6. Spring MVC + Velocity实现国际化配置

    国际化介绍 web开发中,国际化是需要考虑的一个问题,而且这个问题一般是越早敲定越好(不然等到系统大了,翻译是个问题).下面是结合实际项目(Spring MVC+Velocity)对实现国际化的一些总 ...

  7. BZOJ3884(SummerTrainingDay04-C 欧拉定理)

    上帝与集合的正确用法 根据一些书上的记载,上帝的一次失败的创世经历是这样的: 第一天,  上帝创造了一个世界的基本元素,称做“元”. 第二天,  上帝创造了一个新的元素,称作“α”.“α”被定义为“元 ...

  8. python3.8 新特性

    https://docs.python.org/3.8/whatsnew/3.8.html python 3.8的新功能本文解释了与3.7相比,python 3.8中的新特性. 有关完整的详细信息,请 ...

  9. linux 新建用户和权限分配

    1.创建新用户:testuser 命令:#useradd 选项 用户名 选项: -c comment 指定一段注释性描述. -d 目录 指定用户主目录,如果此目录不存在,则同时使用-m选项,可以创建主 ...

  10. Ubuntu 安装hive + mysql

    先安装mysql sudo apt-get update sudo apt-get install mysql-server sudo mysql_secure_installation具体详情请另查 ...