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

2019-11-19 16:36:39

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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 ciphertextvar 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.VeVB.COm/transcoding/base64

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

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

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

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

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

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

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

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

上一篇：微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（二）

下一篇：微信小程序上滑加载下拉刷新（onscrollLower）分批加载数据（一）