前端JavaScript实现对称加密算法（AES）与非对称加密算法（RSA）

共7个文件

js：5个

html：2个

javascript

需积分: 5 58 浏览量 2023-06-12 16:02:28 上传评论收藏 56KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

前端加密算法实现.zip （7个子文件）

前端加密算法实现

mode-ecb-min.js 392B

aes.js 13KB

jquery-3.4.1.js 86KB

pad-nopadding-min.js 202B

jsencrypt.min.js 56KB

AES_Index.html 2KB

RSA_Index.html 4KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试</title> </head> <body> <div id=""> <label> 明文： <input type="" name="" id="plaintext" value="" /> </label> <label> 公钥： <input type="" name="" id="key" value="MIIBCgKCAQEAy9FWRC01MH5lYicGjTvkOmnZ+SwnQ3SEvkyc4SnIzWrX+5+K8S8fR8s5KWWXP/ZYqtqMdqsK62/cpD5CygwUA3nFzZvUvsem+vj3OvFr/X1Q1nODn8jl/p272AOACe0Eu3Tp+3loTyg3YWBsnOuN1WoDA6UfxiDUurwuOE7L1WGjl6utgiAcLgrIxTVqJV00pLWp3ENcI3xWFA06JBT1iOW8dnV/8D5EkYX+QqC78/FLiyPEhhX0sgheGC6pVav1u17fS3NDALiMt0LYQOql29oCNSvQPWW4O5/0iNd+xCXvgQsE46TGfsJHztyZa3jdiCJjZRGQUCZ2z5GMn3aJRQIDAQAB" /> </label> <label> 加密结果： <input type="" name="" id="result" value="" /> </label> <button type="button" id="Encryption" onclick="EncryptClick()">加密</button> </div> <div id=""> <label> 密文： <input type="" name="" id="cipherText" value="" /> </label> <label> 私钥： <input type="" name="" id="Dec_key" value="MIIEowIBAAKCAQEAy9FWRC01MH5lYicGjTvkOmnZ+SwnQ3SEvkyc4SnIzWrX+5+K8S8fR8s5KWWXP/ZYqtqMdqsK62/cpD5CygwUA3nFzZvUvsem+vj3OvFr/X1Q1nODn8jl/p272AOACe0Eu3Tp+3loTyg3YWBsnOuN1WoDA6UfxiDUurwuOE7L1WGjl6utgiAcLgrIxTVqJV00pLWp3ENcI3xWFA06JBT1iOW8dnV/8D5EkYX+QqC78/FLiyPEhhX0sgheGC6pVav1u17fS3NDALiMt0LYQOql29oCNSvQPWW4O5/0iNd+xCXvgQsE46TGfsJHztyZa3jdiCJjZRGQUCZ2z5GMn3aJRQIDAQABAoIBAFvGaTfNu3OYloI53GNgIoaC/1mJnixrnRIrYUCqFfcZMyPkVSYA9+7V/Wk8i3yLqqVUP4d3wTT+a7WxK1XbVm+yN3U7w/Ib6H59+KUb7Gp6MRo/bXdXeOjLkbfU66SMi2L1ZB6OLn/mNfms93s5PeZpE+5iPgpy4hcrgQxtvq7XuB0+sGiafYYjYW5RzZMuFUEEnvTapPwZx0vlnMVYkJgZS05fvb1bSAkivUm3HqyshlV/tt2hAIf1f6C+G+87d4KrdZA1EMsWYRgTXcneRGh7zzavkIddvrRuQnWqULPS8tBo5NGa7iX4QMP7Svm6FFo2q2ujF7ebK4Jn2DGZbckCgYEA9TdET8z8SRyirvGBVDHtB8PLaaKYTg4f0wqzabjXABs7ZOHETn91TWvcSwVJKl0hbM6Ez0Zk88j87TYvTIr5QLfe6x3i3hMLRkuErLynaeMO2cKzrHHjoc6smn0+VGCQqxCRsKvh/NmIo/R758EZzNvCPaxwo5P4qGt51gsOSg8CgYEA1Mf+dAsRIyrwJXixFclH0LkQJMPCvT47Qc2bUndx408lyvqY5u4Pldycyb0as4uBt3kyvhlDH9HdYVFVxvZkBKYzP0oMIEpQ4m23fcwXY2bpl7VvCbFBUbn+adEw+a+qg/+HE7BLOwmb6/UzTEfDCRJMWqdPDjJ/owCPnTxyG2sCgYEAvmaeZTQuRHq2mw4stHpbqObPoAM/LYRsE4tAifua/ZsngAqJScZQB8CTebDuAbX0iS7GEsd/BYfvVCT5jv5t0WGz9m3rRTIWVAu5RgLqHx7N3in/Jwv7ix0WCpLq/ctJKXqhFUQxIgqqvVvNhcL7TITqisbFY043ClcBcEB/ZOMCgYAO0kN6J88wyOvjYE3Ne7DB7DIgrXYiInSUN9Mq4mEPeVLjmaMO6uQxByXws3hpqz0E369WKIJRdBfckILOEhmTbVRCg1Dm6uZJb2UJoS674M5CoAO1BCDNpYwAKO8lZUQWX7Uz/OKwoRG4VOMW3CTMu/aPlfnevku/uelHBY/ZMwKBgDM27HynzCuQHGnCeVMfOgjcFuCWteLADrUZeB87yEX/47XPAmPCBEgeLT6AkqGXh5SMZJlTDfq/uTOwsiR8Pv0NPxPwv75oBqNbMu5f2/CZfhbo7JjbIrAF5mCjCcLxX1wmJ1yFFI6tRxwLpBn52/sdIgtGu5OOa3wu4Wef7Wgd" /> </label> <label> 解密结果： <input type="" name="" id="Dec_Result" value="" /> </label> <button type="button" id="Decryption" onclick="DecryptClick()">解密</button> </div> </body> <script src="js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script> <script src="js/jsencrypt.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> function EncryptClick() { var resultStr = EncryptEcb($('#plaintext').val(), $('#key').val()); $('#cipherText').val(resultStr); $('#result').val(resultStr); } function DecryptClick() { $('#Dec_Result').val(DecryptEcb($('#cipherText').val(), $('#Dec_key').val())) } var encrypt = new JSEncrypt(); //加密 const EncryptEcb = (plaintext, secretKey) => { try { encrypt.setPublicKey(secretKey); return encrypt.encrypt(plaintext); } catch (error) { console.log(error) return '' } } //解密 const DecryptEcb = (cipherText, secretKey) => { try { encrypt.setPrivateKey(secretKey); return encrypt.decrypt(cipherText); } catch (error) { console.log(error) return '' } } </script> </html>

评论收藏

内容反馈