JS加密插件CryptoJS实现的DES加密示例

 更新时间:2018年08月16日 11:17:18   作者:酷炫神话  
这篇文章主要介绍了JS加密插件CryptoJS实现的DES加密,结合实例形式分析了javascript使用CryptoJS插件进行des加密的各种常见模式使用技巧,需要的朋友可以参考下

本文实例讲述了JS加密插件CryptoJS实现的DES加密。分享给大家供大家参考,具体如下:

前面一篇《JS加密插件CryptoJS实现AES加密操作》介绍了CryptoJS插件的简单配置与使用,这里再来看看CryptoJS实现DES加密的方法:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Testing websockets</title>
<script type="text/javascript" src="jquery-1.10.1.js"></script>
<script src="tripledes.js"></script>
<script src="mode-ecb-min.js"></script>
<script type="text/javascript">
var key = 'BOTWAVEE';
//CBC模式加密
function encryptByDESModeCBC(message) {
var keyHex = CryptoJS.enc.Utf8.parse(key);
    var ivHex = CryptoJS.enc.Utf8.parse(key);
    encrypted = CryptoJS.DES.encrypt(message, keyHex, {
iv:ivHex,
mode: CryptoJS.mode.CBC,
padding:CryptoJS.pad.Pkcs7
}
    );
return encrypted.ciphertext.toString();
}
//CBC模式解密
function decryptByDESModeCBC(ciphertext2) {
var keyHex = CryptoJS.enc.Utf8.parse(key);
    var ivHex = CryptoJS.enc.Utf8.parse(key);
// direct decrypt ciphertext
var decrypted = CryptoJS.DES.decrypt({
ciphertext: CryptoJS.enc.Hex.parse(ciphertext2)
}, keyHex, {
iv:ivHex,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7
});
return decrypted.toString(CryptoJS.enc.Utf8);
}
//DES ECB模式加密
function encryptByDESModeEBC(message){
var keyHex = CryptoJS.enc.Utf8.parse(key);
var encrypted = CryptoJS.DES.encrypt(message, keyHex, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
});
return encrypted.ciphertext.toString();
}
//DES ECB模式解密
function decryptByDESModeEBC(ciphertext){
var keyHex = CryptoJS.enc.Utf8.parse(key);
var decrypted = CryptoJS.DES.decrypt({
ciphertext: CryptoJS.enc.Hex.parse(ciphertext)
}, keyHex, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
});
var result_value = decrypted.toString(CryptoJS.enc.Utf8);
return result_value;
}
function test(){
var source = $("#source").val();
var cc = encryptByDESModeEBC(CryptoJS.enc.Utf8.parse(source));
$("#target").val(cc);
}
function test1(){
var source = $("#sourceS").val();
var dd = decryptByDESModeEBC(source);
$("#jiemi").val(dd);
}
</script>
</head>
<body>
 <div>
加密前:<textarea id="source" value="" style="width:500px;height:90px;" /></textarea>
<hr>
加密后:<textarea id="target" value="" style="width:500px;height:90px;" ></textarea>
<hr>
<input type="button" onclick="test();" name="" value="加密" />
<hr>
密文:<textarea id="sourceS" value="" width="400px" style="width:500px;height:90px;" ></textarea>
<hr>
解密后:<textarea id="jiemi" value="" style="width:500px;height:90px;" ></textarea>
<hr>
<input type="button" onclick="test1();" name="" value="解密"/>
 </div>
</body>
</html>

tripledes.js 为 DES主文件 自带 CBC模块

mode-ecb.js 为 DES ECB模块

使用CBC模式引入 tripledes.js

使用 ECB模式引入 tripledes.js + mode-ecb.js

PS:关于加密解密感兴趣的朋友还可以参考本站在线工具:

在线DES加密/解密工具:
http://tools.jb51.net/password/des_encode

文字在线加密解密工具(包含AES、DES、RC4等):
http://tools.jb51.net/password/txt_encode

在线编码转换工具(utf-8/utf-32/Punycode/Base64):
http://tools.jb51.net/transcoding/decode_encode_tool

BASE64编码解码工具:
http://tools.jb51.net/transcoding/base64

在线MD5/hash/SHA-1/SHA-2/SHA-256/SHA-512/SHA-3/RIPEMD-160加密工具:
http://tools.jb51.net/password/hash_md5_sha

在线sha1/sha224/sha256/sha384/sha512加密工具:
http://tools.jb51.net/password/sha_encode

更多关于JavaScript相关内容可查看本站专题:《JavaScript加密解密技巧汇总》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • JavaScript中的索引数组、关联数组和静态数组、动态数组讲解

    JavaScript中的索引数组、关联数组和静态数组、动态数组讲解

    这篇文章主要介绍了JavaScript中的索引数组、关联数组和静态数组、动态数组讲解,本文介绍了从数组的下标分为索引数组、关联数组、从对数据的存储分为静态数组、动态数组,并给出了示例,需要的朋友可以参考下
    2014-11-11
  • JavaScript鼠标事件监听、触发时机和触发顺序实例讲解

    JavaScript鼠标事件监听、触发时机和触发顺序实例讲解

    事件监听是Web开发中非常重要的一个概念,掌握了它的用法,可以让我们实现更加丰富和动态的交互效果,这篇文章主要给大家介绍了关于JavaScript鼠标事件监听、触发时机和触发顺序的相关资料,需要的朋友可以参考下
    2024-01-01
  • 如何利用Promises编写更优雅的JavaScript代码

    如何利用Promises编写更优雅的JavaScript代码

    如何利用Promises编写更优雅的JavaScript代码?下面小编就为大家带来一篇用Promises编写更优雅的JavaScript代码。希望对大家有所帮助。一起跟随小编过来看看吧
    2016-05-05
  • 在父页面得到zTree已选中的节点的方法

    在父页面得到zTree已选中的节点的方法

    这篇文章主要介绍了在父页面得到zTree已选中的节点的方法,实例分析了zTree针对节点的操作技巧,非常具有实用价值,需要的朋友可以参考下
    2015-02-02
  • JS不能跨域借助jquery获取IP地址的方法

    JS不能跨域借助jquery获取IP地址的方法

    JS不能跨域,所以这里借助了jquery,真的可以实现获取IP地址,下面是示例代码,需要的朋友可以参考下
    2014-08-08
  • Promise面试题详解之控制并发

    Promise面试题详解之控制并发

    promise面试中经常会遇到的一个问题就是关于控制并发的,所以下面这篇文章主要给大家介绍了关于Promise面试题之控制并发的相关资料,需要的朋友可以参考下
    2021-05-05
  • xml 与javascript结合的问题解决方法

    xml 与javascript结合的问题解决方法

    xml 与javascript结合的问题解决方法...
    2007-03-03
  • JS实现同时搜索百度和必应的方法

    JS实现同时搜索百度和必应的方法

    这篇文章主要介绍了JS实现同时搜索百度和必应的方法,可实现在底部的两个框架中同时显示两个搜索引擎的搜索结果,是非常实用的技巧,需要的朋友可以参考下
    2015-01-01
  • uniapp H5 https跨域请求实现

    uniapp H5 https跨域请求实现

    这篇文章主要介绍了uniapp H5 https跨域请求实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • 深入探究JavaScript中作用域的底层机制

    深入探究JavaScript中作用域的底层机制

    引言 在 JavaScript 编程中,作用域是一个至关重要的概念,它决定了变量和函数的可访问范围,本文将深入探讨 JavaScript 作用域的底层原理,感兴趣的小伙伴可以了解一下
    2025-01-01

最新评论