IT俱乐部-城北日常经验分享

浏览: 32869    评论: 0

html源码AES加密解密 JavaScript代码实现 AES PKCS7加解密源代码



html源码AES加密解密

实现一下 JavaScript 的 AES PKCS7

下面直接给代码:

<!DOCTYPE html>    
<html lang="zh-CN">    
<head>    
<meta charset="UTF-8">    
<title>AES 测试 it-club.cn</title>    
</head>    
<body>    
<label>加密前: </label><input id="data" type="text" placeholder="加密前" style="width: 80%"><br>    
<label>加密后: </label><input id="code" type="text" placeholder="加密后" style="width: 80%"><br>    
<label>解密后: </label><input id="decode" type="text" placeholder="解密后" style="width: 80%"><br>    
<button onclick="test()">test</button>    
<script src="https://cdn.staticfile.org/crypto-js/4.0.0/crypto-js.min.js" type="text/javascript"></script>    
<script>    
// 偏移量    
let iv = "0000000000000000";    
// 密钥,长度必须为16    
let secret_key = "1234567890123456";    
function parse(string) {    
return CryptoJS.enc.Utf8.parse(string);    
}    
function encrypt(data){    
// Encrypt    
return CryptoJS.AES.encrypt(parse(data), parse(secret_key), {    
iv: parse(iv),    
mode: CryptoJS.mode.CBC,    
padding: CryptoJS.pad.Pkcs7    
}).toString();    
}    
function decrypt(code){    
return CryptoJS.AES.decrypt(code, parse(secret_key),{    
iv: parse(iv),    
mode: CryptoJS.mode.CBC,    
padding: CryptoJS.pad.Pkcs7    
}).toString(CryptoJS.enc.Utf8);    
}    
function test() {    
const data = document.querySelector('#data').value;    
const code = encrypt(data);    
document.querySelector('#code').value = code;    
const decode = decrypt(code);    
document.querySelector('#decode').value = decode;    
}    
</script>    
</body>    
</html>

下面给个测试效果

还是算了。。。

全文详见:http://it-club.cn/post/668.html

TOP

评论列表


发表评论
来宾的头像

TOP

网站分类

TOP

站点信息

  • 文章总数:737
  • 页面总数:1
  • 分类总数:3
  • 标签总数:24
  • 评论总数:270
  • 浏览总数:9921333