<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>crypty</title>
<script src="/js/jquery-1.7.2.js"></script>
<script src="/js/aes.js"></script>
<script src="/js/pad-pkcs7.js"></script>
<script src="/js/mode-ecb.js"></script>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
&family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/style.css">
<style>
.sel:hover {
background-color: rgb(220, 220, 220);
cursor: pointer;
}
.sel input:hover {
cursor: pointer;
}
textarea {
outline: none;
border: 4px double grey;
border-radius: 5px;
}
</style>
<script>
const key = CryptoJS.enc.Utf8.parse("abcdefgabcdefg12");
function aesDecrypt(encrypted) {
var cipherParams = CryptoJS.lib.CipherParams.create({ ciphertext: CryptoJS.enc.Hex.parse(encrypted) })
var decrypted = CryptoJS.AES.decrypt(cipherParams, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 });
return decrypted.toString(CryptoJS.enc.Utf8);
}
function aesEncrypt(encrypted) {
return CryptoJS.AES.encrypt(encrypted, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 }).ciphertext.toString();
}
$().ready(e => {
$("#dec").val('aes~~~\nuses pad-pkcs7, ecb\nkey=abcdefgabcdefg12')
$('#enc').val(aesEncrypt($("#dec").val()))
})
</script>
</head>
<body>
<a class="btn btn-info" href="/"><span class="glyphicon glyphicon-home" aria-hidden="true"></span> 返回</a>
<div>
<div class="row">
<div class="col-lg-6 col-md-6 col-xs-12">
明文：
<textarea class="col-xs-12" rows="10" name="message" id="dec" class="text_source" onclick="this.select();" style="resize:vertical" oninput="$('#enc').val(aesEncrypt($(this).val()))"></textarea>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-xs-12">
<div>密文：</div>
<textarea rows="10" class="col-xs-12" name="cipher" id="enc" style="resize:vertical" oninput="$('#dec').val(aesDecrypt($(this).val()))"></textarea>
</div>
</div>
</div>
</body>