mirror of
				https://github.com/Mabbs/mabbs.github.io
				synced 2025-10-28 22:17:44 +00:00 
			
		
		
		
	
		
			
	
	
		
			91 lines
		
	
	
		
			3.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
		
		
			
		
	
	
			91 lines
		
	
	
		
			3.0 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
|   | <html> | |||
|  |  <head>  | |||
|  |   <title>AES加解密</title> | |||
|  |   <meta http-equiv="Content-Type" content="text/html;charset=utf-8">  | |||
|  |   <script src="js/aes.js"></script> | |||
|  |   <script> | |||
|  |  function getByteLen(val) { | |||
|  |     var len = 0; | |||
|  |     for (var i = 0; i < val.length; i++) { | |||
|  |         if (val[i].match(/[^\x00-\xff]/ig) != null) len += 3; | |||
|  |         else len += 1; | |||
|  |     } | |||
|  |     return len; | |||
|  | } | |||
|  | 
 | |||
|  | function onbtnEncrypto() { | |||
|  |     var plaintText = document.getElementById("input").value; | |||
|  |     var keyword = document.getElementById("inputkey").value; | |||
|  |     if (plaintText.replace(/(^\s*)|(\s*$)/g, "") == '') { | |||
|  |         alert("输入要加密的内容!"); | |||
|  |         return; | |||
|  |     } | |||
|  |     if (keyword.replace(/(^\s*)|(\s*$)/g, "") == '') { | |||
|  |         alert("输入要加密的key!"); | |||
|  |         return; | |||
|  |     } | |||
|  |     while (getByteLen(keyword) % 8 != 0) { | |||
|  |         keyword = keyword + "\0"; | |||
|  |     } | |||
|  | 
 | |||
|  |     var key = CryptoJS.enc.Utf8.parse(keyword); | |||
|  |     var encryptedData = CryptoJS.AES.encrypt(plaintText, key, { | |||
|  |         mode: CryptoJS.mode.ECB, | |||
|  |         padding: CryptoJS.pad.Pkcs7 | |||
|  |     }); | |||
|  |     encryptedData = encryptedData.ciphertext.toString(); | |||
|  |     document.getElementById("output").value = encryptedData; | |||
|  | } | |||
|  | 
 | |||
|  | function onbtnDecrypto() { | |||
|  |     var encryptedData = document.getElementById("input").value; | |||
|  |     var keyword = document.getElementById("inputkey").value; | |||
|  |     if (encryptedData.replace(/(^\s*)|(\s*$)/g, "") == '') { | |||
|  |         alert("输入要加密的内容!"); | |||
|  |         return; | |||
|  |     } | |||
|  |     if (keyword.replace(/(^\s*)|(\s*$)/g, "") == '') { | |||
|  |         alert("输入要加密的key!"); | |||
|  |         return; | |||
|  |     } | |||
|  |     while (getByteLen(keyword) % 8 != 0) { | |||
|  |         keyword = keyword + "\0"; | |||
|  |     } | |||
|  | 
 | |||
|  |     var key = CryptoJS.enc.Utf8.parse(keyword); | |||
|  |     var encryptedHexStr = CryptoJS.enc.Hex.parse(encryptedData); | |||
|  |     var encryptedBase64Str = CryptoJS.enc.Base64.stringify(encryptedHexStr); | |||
|  | 
 | |||
|  |     var decryptedData = CryptoJS.AES.decrypt(encryptedBase64Str, key, { | |||
|  |         mode: CryptoJS.mode.ECB, | |||
|  |         padding: CryptoJS.pad.Pkcs7 | |||
|  |     }); | |||
|  | 
 | |||
|  |     if (decryptedData.sigBytes < 0) { | |||
|  |         document.getElementById("output").value = "解密失败!密文或者key错误!"; | |||
|  |         return; | |||
|  |     } | |||
|  |     try { | |||
|  |         decryptedData.toString(CryptoJS.enc.Utf8) | |||
|  |     } catch(e) { | |||
|  |         document.getElementById("output").value = "解密失败!密文或者key错误!"; | |||
|  |         return; | |||
|  |     } | |||
|  |     var decryptedStr = decryptedData.toString(CryptoJS.enc.Utf8); | |||
|  |     document.getElementById("output").value = decryptedStr; | |||
|  | } | |||
|  | </script> | |||
|  |  </head>  | |||
|  |  <body>  | |||
|  |   <div>  | |||
|  |    <br />  | |||
|  |    <textarea id="input" name="input" style="width: 80%" rows="8">这里是要加密的内容!</textarea>  | |||
|  |    <br />key:  | |||
|  |    <input id="inputkey" type="text" />   | |||
|  |    <br />  | |||
|  |    <p> <button id="en" class="btn" onclick="onbtnEncrypto()" style="width:100px">加密</button> <button id="de" class="btn" onclick="onbtnDecrypto()" style="width:100px">解密</button> </p>  | |||
|  |    <textarea id="output" name="output" style="width: 80%" rows="10"></textarea>  | |||
|  |   </div>   | |||
|  | 
 | |||
|  |  </body> | |||
|  | </html> |