使用cryptojs加密/解密数据

最新推荐文章于 2024-03-11 16:44:42 发布
最新推荐文章于 2024-03-11 16:44:42 发布
阅读量9.8k 收藏 1
点赞数
分类专栏： 前端 文章标签： cryptojs js des ecb
<!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" οnclick="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" οnclick="test1();" name="" value="解密"/>
 </div>
</body>
</html>
占哥
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
crypto-js base64
12-06
crypto-js base64 加密解密算法 //aes加密 function encrypt(word) { var key = CryptoJS.enc.Utf8.parse("1234567890000000"); //16位 var iv = CryptoJS.enc.Utf8.parse("1234567890000000"); var encrypted = ''; if (typeof(word) == 'string') { var srcs = CryptoJS.enc.Utf8.parse(word); encrypted = CryptoJS.AES.encrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 }); } else if (typeof(word) == 'object') {//对象格式的转成json字符串 data = JSON.stringify(word); var srcs = CryptoJS.enc.Utf8.parse(data); encrypted = CryptoJS.AES.encrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 }) } return encrypted.ciphertext.toString(); } // aes解密 function decrypt(word) { var key = CryptoJS.enc.Utf8.parse("1234567890000000"); var iv = CryptoJS.enc.Utf8.parse("1234567890000000"); var encryptedHexStr = CryptoJS.enc.Hex.parse(word); var srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr); var decrypt = CryptoJS.AES.decrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 }); var decryptedStr = decrypt.toString(CryptoJS.enc.Utf8); return decryptedStr.toString(); }
crypto-js加解密
sunluyi的博客
11-03 1383
安装依赖：npm install crypto-js <script> import CryptoJS from 'crypto-js'; export default { data() { return { aes_key: 'xOwvIiP19Bn4XcQ8', } }, mounted() { let walletAddress = 'TAfcPpLAUdy28u7nzFQjds39XSYJ9qA1mE' let timestamp = .
CryptoJS 加解密类库的简单用法
风雪小筑
09-29 2370
一个基于javscript编写的前端加解密js库。CryptoJS Document 以下部分文档摘自官方文档 SHA1 SHA224/SHA256/SHA384/SHA512 RIPEMD-160 输出格式 以上几个toString()方法可以选择传入CryptoJS.enc.Base64或其他的编码方式 渐进式Hash HMAC Base64 编解码 Encode Eecode sample 加解密 AES RC4 DES, Triple DES(3DES) 自定义Key和IV
【crypto-js】前端DES对称加解密
最新发布
qq_35227244的博客
03-11 633
包含 “CBC”,“CFB”, “CTR”,“CTRGladman”,“OFB”, “ECB”，这些模式可以选择，那主要是看后端加解密的模式是咋样的，跟后端保持一致。包含8个API： “Hex”,“Latin1”,“Utf8”,“Utf16BE”, “Utf16”, “Utf16LE”,“Base64”,“Base64url”为了数据传输的安全可靠，常常在前端会将数据（明文）进行加密保护后，再传输给后端进行数据处理，在接收数据时往往也是密文接收，前端解密后进行数据呈现。跟后端加解密保持一致。
CryptoJS加密使用
qq_35403131的博客
06-04 8497
在项目上npm安装crypto-js npm install crypto-js
AES加密密码避免出现明文
老实敲代码，佛只渡有缘人
09-27 1103
AES加密
使用java实现CryptoJS.enc.Utf8.parse
weixin_42596246的博客
12-30 1172
在 Java 中，可以使用 java.nio.charset.Charset 类来解析 UTF-8 字符串。例如： byte[] bytes = "字符串".getBytes(StandardCharsets.UTF_8); String s = new String(bytes, StandardCharsets.UTF_8); ...
前端使用crypto.js进行加密解密
fu_ycc的博客
09-27 3797
最近在保存数据的时候，接触到crypto，在这里记录一下。 可以在这个GitHub的https://github.com/brix/crypto-js上下载该js，它可以单独引入所需要加密方式的js；也可以引入一个crypto-js.js 这个文件，它相当于引入了所有的加密方式，我使用的就是后者一次引入所有的加密文件。 因为我的需求是加密可逆，具有一定的安全性(对安全性要求并不是特别高)，所以使用...
JS使用插件cryptojs进行加密解密数据实例
10-19
主要介绍了JS使用插件cryptojs进行加密解密数据,结合完整实例形式分析了javascript基于加密插件实现加密解密功能的相关操作技巧,需要的朋友可以参考下
node-red-contrib-crypto-js-plus:使用CryptoJS加密和解密消息的Node-RED节点
05-01
注意此仓库是从派生的并在摘要节点上修复了sha1算法（请参阅 ）节点红色贡献加密js加上使用CryptoJS加密和解密消息的Node-RED节点安装npm install node-red-contrib-crypto-js-plus 样品流 您可以在samples/flows....
VueJs里利用CryptoJs实现加密及解密的方法示例
11-29
* 对页面上输入的密码进行加密传输给后台进行验证，对返回的数据进行解密，在页面展示 */ let CryptoJS = require('crypto-js'); // 引入AES源码js export default { /* * 对密码进行加密，传输给后台进行验证 * @...
cryptojs-aes-php:使用Javascript在客户端和使用PHP在服务器端进行CryptoJS 3.x AES加密解密
05-28
AES使用JavaScript和/或PHP加密/解密数据的工具。 您可以将其仅用于PHP，仅用于Javascript或将其混合使用。 它使用带有随机盐和随机初始化向量的默认aes-256-cbc实现。 该库不支持其他密码或模式。 特征 加密...
前端数据的加密和解密--对象解密的坑
1234Wu--Blog
07-27 1388
作为一个前端菜鸡,今天碰到一个加密解密的坑,浪费了不少时间. 为了报仇,我决定再次拿起我的小本本,君子报仇十年不晚,先记下来. 先说坑,加密解密前端工作中很常见. 之前也加密过密码账户之类的,一切都顺畅无比,比如: //vue中 mounted: function() { let x = encryptDes("123", this.$enkey);//加密 let x2 ...
【Crypto入门】一些简单密码
m0_73495245的博客
12-24 241
一些简单单表，多表代换，其他密码。 和一些编码知识
前端（cryptoJS）加解密并与后端加解密保持一致（DES的CBC模式）
水蜜桃桃桃的博客
02-15 2457
1.前端使用cryptoJS <!-- <%@ page language="java" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path; request.getSession().setAttr
crypto-js实现前端《AES/DES》加密，python进行对应的后端解密
hl120841的博客
04-02 5023
最近学习爬虫在处理用户登录注册时，网站数据在传输时一般都是进行了加密处理后再传输的，因此想到对网站的登录操作进行加密，查阅资料找到了前端使用crypto-js来进行加密，后端使用python对应的解密方式反向解密。后续慢慢一个一个的加密方式补充。 一、对称加密AES、DES 1. AES加密解密 1.AES-128-CBC Zero：数据长度不足时填充0，如果数据长度刚好合适就不填充 PKCS5：...
前后端 crypto-js aes 加解密
weixin_45439379的博客
11-24 776
前后端 crypto-js aes 加解密 文章目录前后端 crypto-js aes 加解密前言一、前端实现1.安装包（1）npm 安装(2) 引入（3）使用2.cdn使用(1)引入资源(2)使用二、后端实现总结 前言 项目中需要对敏感数据进行加密解密，比如身份证号，手机号码等关键信息，前后端都需要进行接口加密处理的情况， 此处使用的是crypto-js aes，有两种方式 安装包的使用案例 使用cdn资源 一、前端实现 1.安装包 （1）npm 安装 npm install crypt
CryptoJS中AES实现前后端通用加解密
图图小淘气的博客
11-25 2453
在项目中如果要对前后端传输的数据双向加密， 比如避免使用明文传输用户名，密码等数据。 就需要对前后端数据用同种方法进行加密，方便解密。这里介绍使用 CryptoJS 实现 AES 加解密。 首先需要下载前台使用 CryptoJS 实现 AES 加解密的，所以要先下载组件，下载 CryptoJS-v3.1.2 版本之后，文件中包含components 和 rollups 两个文件夹，components 文件夹下是单个组件，rollups 文件夹下是汇总，引用 rollups 下的 aes.js 文件即可。
js中如何使用CryptoJS加密解密字符串
08-31
在JavaScript中，你可以使用CryptoJS库来进行字符串的加密和解密操作。下面是一个简单的示例： 首先，你需要引入CryptoJS库。你可以在网上搜索CryptoJS并下载它，然后将其引入到你的HTML文件中，如下所示： ```...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值