参考文章：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. UIKit 框架之UIResponder

    前面博客有讲触摸事件提过响应事件和响应者链,而管理响应者链的正是UIResponder. 一.代码 - (BOOL)application:(UIApplication *)application d ...

  2. .19-浅析webpack源码之compile流程-rules参数处理(2)

    第一步处理rule为字符串,直接返回一个包装类,很简单看注释就好了. test/include/exclude 然后处理test.include.exclude,如下: if (rule.test | ...

  3. .5-浅析express源码之Router模块(1)-默认中间件

    模块application已经完结,开始讲Router路由部分. 切入口仍然在application模块中,方法就是那个随处可见的lazyrouter. 基本上除了初始化init方法,其余的app.u ...

  4. Mouse点击之后，复制GridView控件的数据行

    本篇是实现用mouse点击GridView控件任意一行,把所点击的数据复制至另一个GridView控件上. 实现大概思路,把所点击的数据行的记录主键找出来,再去过滤数据源. 点击功能,已经实现,可以参 ...

  5. C#中利用LightningChart绘制曲线图表

    最近在做一个“基于C#语言的电炉温控制软件设计”的设计,我在大学并不是专业学习C#语言编程的,对C#的学习研究完全是处于兴趣,所以编程技术也不是很厉害,遇到问题多参照网络上的开源码. 这不,在做这个课 ...

  6. 一个很好用的SqlHelper类

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...

  7. POJ2318(KB13-A 计算几何)

    TOYS Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 16222   Accepted: 7779 Description ...

  8. python 生成器 和生成器函数 以及各种推导式

    一.生成器    本质就是迭代器. 我们可以直接执⾏__next__()来执⾏ 以下⽣成器 一个一个的创建对象 创建生成器的方式: 1.生成器函数 2.通过生成器 表达式来获取生成器 3.类型转换(看 ...

  9. HTML/CSS学习(二)

    续...... ============================================================================================ ...

  10. OSGI企业应用开发（五）使用Blueprint整合Spring框架（二）

    上篇文章中,我们开发了一个自定义的Bundle,接着从网络中下载到Spring和Blueprint的Bundle,然后复制到DynamicRuntime项目下. 需要注意的是,这些Bundle并不能在 ...