AES JS实现加密解密

绝地灬酷狼 2022-02-19 01:11 314阅读 0赞

*  **用到的库：CryptoJS 官方地址**：[https://github.com/sytelus/CryptoJS][https_github.com_sytelus_CryptoJS]

引入 js 文件

<script src="static/plugins/aes/aes.js"></script>
    
    <script src="static/plugins/aes/pad-zeropadding-min.js"></script>

form 表单：

<form action="#" method="post" id="loginForm" >
                用户名：<input type="text" name="username"><br>
                密  码：<input type="password" name="pazzword" id="pazzword"><br>
                <button type="button" onclick="checkForm()">提交</button>
            </form>

js:

<script type="text/javascript">
        function checkForm(){
            var key = "0000000671595991";
            var iv = "tdrdadq59tbss5n7";
            var pazzword = $("#pazzword").val();
    
            // aes 加密
            pazzword = encrypt(pazzword,key,iv);
            $("#pazzword").val(pazzword);
            if(pazzword.length == 24){
                alert(pazzword + "解密后：" + decrypt(pazzword,key,iv));
                $("#loginForm").submit();
            }
        }
    
        // 加密
        function encrypt(data,key,iv) { //key,iv：16位的字符串
            var key1  = CryptoJS.enc.Latin1.parse(key);
            var iv1   = CryptoJS.enc.Latin1.parse(iv);
            return CryptoJS.AES.encrypt(data, key1,{
                iv : iv1,
                mode : CryptoJS.mode.CBC,
                padding : CryptoJS.pad.ZeroPadding
            }).toString();
        }
        // 解密
        function decrypt(data,key,iv){ //key,iv：16位的字符串
            var key1  = CryptoJS.enc.Latin1.parse(key);
            var iv1   = CryptoJS.enc.Latin1.parse(iv);
            var decrypted=CryptoJS.AES.decrypt(data,key1,{
                iv : iv1,
                mode : CryptoJS.mode.CBC,
                padding : CryptoJS.pad.ZeroPadding
            });
            return decrypted.toString(CryptoJS.enc.Utf8);
        }
    </script>

![2019041512535227.png][]

**解释一下代码：**

*  我们加密的模式选的是CBC的，然后填充模式是填充0，这个是前后台约定的，请谨慎。key 和 iv 初始化向量是16位长度的字符串（事前约定）。这两个东西不懂的话，看看AES加密的条件。
 *  要注意的是，在加密完成后的字符串是经过Base64加密的，也就是说，后台解密模块必须要求考虑字符编码问题，这个由项目实际来决定。可以把他先转出UTF8的然后再传递给后台。我这里后台是介绍Base64加密后的，所以就不用转码了。
 *  解密之后要转成UTF8喔，如果后台给的数据是JSON的话，要用`JSON.parse()`一下才能用。

[https_github.com_sytelus_CryptoJS]: https://github.com/sytelus/CryptoJS
[2019041512535227.png]: /images/20220219/d5cf75c8664043c7953d87650bb7674a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，314人围观）

还没有评论，来说两句吧...

相关阅读

相关 AES(ECB/CBC) JS实现加密解密

[https://github.com/sytelus/CryptoJS][https_github.com_sytelus_CryptoJS] 其中 CryptoJS 使用

本是古典何须时尚/ 2023年10月07日 21:42/ 0 赞/ 13 阅读

相关 java+js实现rsa+aes加密解密demo

[参考链接][Link 1] 文章看完就懂了，我稍做改动，就是ras加密解密使用动态生成的公、私钥总结起来就是说： rsa是非对称加密，通过公钥加密，私钥解密

- 日理万妓/ 2022年11月13日 00:52/ 0 赞/ 337 阅读

相关 js实现php的aes加密解密

加密方法封装文件地址： [crypto-js.zip-其它文档类资源-CSDN下载aes加密js文件更多下载资源、学习资料请访问CSDN下载频道.![favicon32.i

深藏阁楼爱情的钟/ 2022年09月11日 05:25/ 0 赞/ 201 阅读

相关 java和js实现aes加密解密

由于公司安全测试，要对重要信息进行加密传输，使得java、android、ios一致。 java代码 package gov.communitycloud.user

超、凢脫俗/ 2022年07月28日 06:15/ 0 赞/ 231 阅读

相关【加密解密】-AES加密解密实现

AES加密解密工具类：AESUtils package org.iti.algorithm; import java.security.Secure

偏执的太偏执、/ 2022年06月13日 08:06/ 0 赞/ 344 阅读

相关 AES加密解密

一般用在签名，token生成，数据加密 package com.szd.util.base64; import java.io.IOExceptio

向右看齐/ 2022年06月02日 01:06/ 0 赞/ 305 阅读

相关 AES加密解密

package com.lanhuigu.encryptdecrypt; import org.apache.commons.codec.bin

秒速五厘米/ 2022年05月28日 04:58/ 0 赞/ 299 阅读

相关 AES加密解密

使用一种加密的方式,将文本保护起来，支持解密。 package cn.wcuu.product_service.utils; impor

男娘i/ 2022年03月29日 12:52/ 0 赞/ 396 阅读

相关 AES JS实现加密解密

用到的库：CryptoJS 官方地址：[https://github.com/sytelus/CryptoJS][https_github.com_sytelus_Cry

绝地灬酷狼/ 2022年02月19日 01:11/ 0 赞/ 315 阅读

相关 Java AES 加密解密实现

Java AES 加密解密实现遇到问题：解决方式遇到问题： 1.在window平台加密解密正常，在Linux平台，加密正常解密失败或异常？

绝地灬酷狼/ 2022年02月01日 14:17/ 0 赞/ 263 阅读