index.html 3.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <!-- saved from url=(0014)about:internet -->
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">
  4. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
  5. integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
  6. <head>
  7. <title>crypty</title>
  8. <script src="/js/jquery-1.7.2.js"></script>
  9. <script src="/js/aes.js"></script>
  10. <script src="/js/tripledes.js"></script>
  11. <script src="/js/rabbit.js"></script>
  12. <script src="/js/rc4.js"></script>
  13. <link rel="preconnect" href="https://fonts.gstatic.com">
  14. <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
  15. &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  16. <link rel="stylesheet" href="../css/style.css">
  17. <!-- <link rel="stylesheet" href="/css/style.css"> -->
  18. </head>
  19. <body>
  20. <a class="btn btn-info" href="/" style="text-shadow: rgb(85, 85, 85) 3px 2px 4px;"><span
  21. class="glyphicon glyphicon-home" aria-hidden="true"></span>&nbsp;返回</a>
  22. <div>
  23. <div>明文:</div>
  24. <textarea rows="10" cols="64" name="message" id="msg_source" class="text_source"></textarea>
  25. <div>
  26. <p>加密算法:</p>
  27. <ul>
  28. <input type="radio" name="Etype" value="aes" checked="checked" />AES
  29. <input type="radio" name="Etype" value="des" />DES
  30. <input type="radio" name="Etype" value="rc4" />RC4
  31. <input type="radio" name="Etype" value="rabbit" />Rabbit
  32. <input type="radio" name="Etype" value="tripledes" />TripleDes
  33. </ul>
  34. </div>
  35. <div class="OptDetail Button">
  36. <p class="input">密码:
  37. <input type="text" id="pwd" />
  38. </p>
  39. <ul>
  40. <button class="btn btn-default" onclick="encrypt();"
  41. style="text-shadow: rgb(185, 185, 185) 3px 2px 4px;"><span class="glyphicon glyphicon-arrow-down"
  42. aria-hidden="true"></span>&nbsp;加密</button>
  43. <button class="btn btn-default" onclick="decrypt();"
  44. style="text-shadow: rgb(185, 185, 185) 3px 2px 4px;"><span class="glyphicon glyphicon-arrow-up"
  45. aria-hidden="true"></span>&nbsp;解密</button>
  46. </ul>
  47. </div>
  48. <div>密文:</div>
  49. <textarea rows="10" cols="64" name="cipher" id="encrypt_result" onclick="this.select();"></textarea>
  50. <script>
  51. function encrypt() {
  52. switch ($('input[name="Etype"]:checked').val()) {
  53. case "aes":
  54. $("#encrypt_result").val(CryptoJS.AES.encrypt($("#msg_source").val(), $("#pwd").val()));
  55. break;
  56. case "des":
  57. $("#encrypt_result").val(CryptoJS.DES.encrypt($("#msg_source").val(), $("#pwd").val()));
  58. break;
  59. case "rabbit":
  60. $("#encrypt_result").val(CryptoJS.Rabbit.encrypt($("#msg_source").val(), $("#pwd").val()));
  61. break;
  62. case "rc4":
  63. $("#encrypt_result").val(CryptoJS.RC4.encrypt($("#msg_source").val(), $("#pwd").val()));
  64. break;
  65. case "tripledes":
  66. $("#encrypt_result").val(CryptoJS.TripleDES.encrypt($("#msg_source").val(), $("#pwd").val()));
  67. break;
  68. }
  69. }
  70. function decrypt() {
  71. switch ($('input[name="Etype"]:checked').val()) {
  72. case "aes":
  73. $("#msg_source").val(CryptoJS.AES.decrypt($("#encrypt_result").val(), $("#pwd").val()).toString(CryptoJS.enc.Utf8));
  74. break;
  75. case "des":
  76. $("#msg_source").val(CryptoJS.DES.decrypt($("#encrypt_result").val(), $("#pwd").val()).toString(CryptoJS.enc.Utf8));
  77. break;
  78. case "rabbit":
  79. $("#msg_source").val(CryptoJS.Rabbit.decrypt($("#encrypt_result").val(), $("#pwd").val()).toString(CryptoJS.enc.Utf8));
  80. break;
  81. case "rc4":
  82. $("#msg_source").val(CryptoJS.RC4.decrypt($("#encrypt_result").val(), $("#pwd").val()).toString(CryptoJS.enc.Utf8));
  83. break;
  84. case "tripledes":
  85. $("#msg_source").val(CryptoJS.TripleDES.decrypt($("#encrypt_result").val(), $("#pwd").val()).toString(CryptoJS.enc.Utf8));
  86. break;
  87. }
  88. }
  89. </script>
  90. </div>
  91. </body>
  92. </html>