JS使用插件cryptojs进行加密解密数据实例

本文实例讲述了JS使用插件cryptojs进行加密解密数据。分享给大家供大家参考，具体如下：

<!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>

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

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

密码安全性在线检测：
http://tools./password/my_password_safe

高强度密码生成器：
http://tools./password/CreateStrongPassword

MD5在线加密工具：
http://tools./password/CreateMD5Password

在线散列/哈希算法加密工具：
http://tools./password/hash_encrypt

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

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

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

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

# JS # 插件 # cryptojs # 加密 # 解密 # js前端加密库Crypto-js进行MD5/SHA256/BASE64/AES加解密的方法与示例 # JavaScript实现的前端AES加密解密功能【基于CryptoJS】 # VueJs里利用CryptoJs实现加密及解密的方法示例 # 使用JS前端加密库sm-crypto实现国密sm2、sm3和sm4加密与解密 # 前端CryptoJS加密、后端JAVA解密代码实现参考 # vue项目中使用crypto-js实现加密解密方式 # JS使用 cryptojs加密解密(对称加密库)的问题 # vue项目之前端CryptoJS加密、解密代码示例 # vue用CryptoJS加密 # java用CryptoUtil解密 # crypto-js对称加密解密的使用方式详解(vue与java端) # 加密工具 # 加密解密 # 相关内容 # 还可以 # 遍历 # 感兴趣 # 数据结构 # 给大家 # 更多关于 # 所述 # 程序设计 # 高强度 # 讲述了 # function # CBC # BOTWAVEE # encryptByDESModeCBC

返回目录在线咨询

上一篇：Go语言中sync.WaitGroup指针地址的深度解析与正确打印实践
下一篇：阿里云建站教程：新手如何快速创建并发布网站？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

JS使用插件cryptojs进行加密解密数据实例

您的项目需求