CryptoJS文件加密与解密

最新推荐文章于 2025-03-17 09:18:01 发布

boonook

最新推荐文章于 2025-03-17 09:18:01 发布

阅读量887

点赞数

本文链接：https://blog.youkuaiyun.com/qq_36868653/article/details/115081994

版权

本文介绍如何在React应用中使用CryptoJS库进行文件的AES加密和解密操作。通过定义`Encryption`组件，实现了输入文本的加密存储和解密显示。加密过程使用了AES算法，16位的Utf8密钥，并设置了ECB模式和Pkcs7填充。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import React, { Component } from 'react';
import CryptoJS from 'crypto-js/crypto-js'

class Encryption extends Component {
    constructor(){
        super();
        this.state={
            value2:'boonook',
            encryptioned:'',
            Decrypted:''
        }
    }

    componentDidMount(){

    }

    ///对文件进行加密
    encryption = (e,dataw)=>{
        debugger
        let data = this.state.value2;
        let srcs = CryptoJS.enc.Utf8.parse(data);
        let key = CryptoJS.enc.Utf8.parse('123456');
        let encrypted = CryptoJS.AES.encrypt(srcs, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
        this.setState({encryptioned: encrypted.toString()});
    };
    ///对文件进行解密
    Decrypt=(e,data)=>{
        let word = this.state.encryptioned;
        let key = CryptoJS.enc.Utf8.parse('123456');
        let decrypt = CryptoJS.AES.decrypt(word, key,

最低0.47元/天解锁文章