<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/core.js"></script>
<script type="text/javascript" src="js/md5.js"></script>
<script type="text/javascript" src="js/tripledes.js"></script>
<script type="text/javascript" src="js/mode-ecb.js"></script>
<title></title>
</head>
<body>
<h1>DES加密</h1>
<label>key</label>
<input type="text" value='12345678' id="key" />
<p></p>
<div>
<textarea id="text1" placeholder="请输入需要加密的字符">test</textarea>
<input type="button" value="加密" onclick="encryptStr();" />
<textarea id="text2"></textarea>
<input type="button" value="解密" onclick="decryptStr();" />
<textarea id="text3"></textarea>
</div>
<h1>MD5</h1>
<div>
<textarea id="md5Text" placeholder="请输入需要加密的字符">test</textarea>
<input type="button" value="加密" onclick="md5Str();" />
<textarea id="text4"></textarea>
</div>
</body>
<script>
//DES 加密
function encryptByDES(message, key) {
var keyHex = CryptoJS.enc.Utf8.parse(key);
var encrypted = CryptoJS.DES.encrypt(message, keyHex, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
});
return encrypted.toString();
}
//DES 解密
function decryptByDES(ciphertext, key) {
var keyHex = CryptoJS.enc.Utf8.parse(key);
// direct decrypt ciphertext
var decrypted = CryptoJS.DES.decrypt({
ciphertext: CryptoJS.enc.Base64.parse(ciphertext)
}, keyHex, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
});
return decrypted.toString(CryptoJS.enc.Utf8);
}
//加密
function encryptStr() {
var strKey = $.trim($('#key').val());
var strMsg = $.trim($('#text1').val());
$('#text2').val(encryptByDES(strMsg, strKey));
}
//解密
function decryptStr() {
var strKey = $.trim($('#key').val());
var ciphertext = $.trim($('#text2').val());
$('#text3').val(decryptByDES(ciphertext, strKey));
}
function md5Str() {
var str = $.trim($('#md5Text').val());
$('#text4').val(CryptoJS.MD5(str));
}
</script>
</html>
前端DES与MD5加密
需积分: 50 153 浏览量
2016-10-26
22:27:16
上传
评论
收藏 44KB RAR 举报
GW_Cheng
- 粉丝: 708
- 资源: 20