schtonn
/
public


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
	integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

<head>
	<title>crypty</title>
	<script src="/js/jquery-1.7.2.js"></script>
	<script src="/js/aes.js"></script>
	<script src="/js/tripledes.js"></script>
	<script src="/js/rabbit.js"></script>
	<script src="/js/rc4.js"></script>
	<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">
<!-- <link rel="stylesheet" href="/css/style.css"> -->
</head>

<body>
	<div>
		<div>明文：</div>
		<textarea rows="10" cols="64" name="message" id="msg_source" class="text_source"></textarea>
		<div>
			<p>加密算法：</p>
			<ul>
				<input type="radio" name="Etype" value="aes" checked="checked" />AES
				<input type="radio" name="Etype" value="des" />DES
				<input type="radio" name="Etype" value="rc4" />RC4
				<input type="radio" name="Etype" value="rabbit" />Rabbit
				<input type="radio" name="Etype" value="tripledes" />TripleDes
			</ul>
		</div>
		<div class="OptDetail Button">
			<p class="input">密码：
				<input type="text" id="pwd" />
			</p>
			<ul>
				<button class="btn btn-default" onclick="encrypt();"
					style="text-shadow: rgb(185, 185, 185) 3px 2px 4px;"><span class="glyphicon glyphicon-arrow-down"
						aria-hidden="true"></span>&nbsp;加密</button>
				<button class="btn btn-default" onclick="decrypt();"
					style="text-shadow: rgb(185, 185, 185) 3px 2px 4px;"><span class="glyphicon glyphicon-arrow-up"
						aria-hidden="true"></span>&nbsp;解密</button>
			</ul>
		</div>

		<div>密文：</div>
		<textarea rows="10" cols="64" name="cipher" id="encrypt_result" onclick="this.select();"></textarea>

		<script>
			function encrypt() {
				switch ($('input[name="Etype"]:checked').val()) {
					case "aes":
						$("#encrypt_result").val(CryptoJS.AES.encrypt($("#msg_source").val(), $("#pwd").val()));
						break;
					case "des":
						$("#encrypt_result").val(CryptoJS.DES.encrypt($("#msg_source").val(), $("#pwd").val()));
						break;
					case "rabbit":
						$("#encrypt_result").val(CryptoJS.Rabbit.encrypt($("#msg_source").val(), $("#pwd").val()));
						break;
					case "rc4":
						$("#encrypt_result").val(CryptoJS.RC4.encrypt($("#msg_source").val(), $("#pwd").val()));
						break;
					case "tripledes":
						$("#encrypt_result").val(CryptoJS.TripleDES.encrypt($("#msg_source").val(), $("#pwd").val()));
						break;
				}
			}
			function decrypt() {
				switch ($('input[name="Etype"]:checked').val()) {
					case "aes":
						$("#msg_source").val(CryptoJS.AES.decrypt($("#encrypt_result").val(), $("#pwd").val()).toString(CryptoJS.enc.Utf8));
						break;
					case "des":
						$("#msg_source").val(CryptoJS.DES.decrypt($("#encrypt_result").val(), $("#pwd").val()).toString(CryptoJS.enc.Utf8));
						break;
					case "rabbit":
						$("#msg_source").val(CryptoJS.Rabbit.decrypt($("#encrypt_result").val(), $("#pwd").val()).toString(CryptoJS.enc.Utf8));
						break;
					case "rc4":
						$("#msg_source").val(CryptoJS.RC4.decrypt($("#encrypt_result").val(), $("#pwd").val()).toString(CryptoJS.enc.Utf8));
						break;
					case "tripledes":
						$("#msg_source").val(CryptoJS.TripleDES.decrypt($("#encrypt_result").val(), $("#pwd").val()).toString(CryptoJS.enc.Utf8));
						break;
				}
			}
		</script>
	</div>
</body>

</html>