实现 javascript VUE对传输的文件 | 数据进行加密

29 篇文章 0 订阅
15 篇文章 0 订阅

1.首先把项目初始化 下载crypto-js
yarn add crypto-js
2.在srcutils目录下新建一encryption.js
PS:如果只是用一下,实现一下加密效果,直接复制粘贴再调用就可以了!
3.文件内容

const key = CryptoJS.enc.Utf8.parse('1234123412ABCDEF'); //十六位十六进制数作为密钥
const iv = CryptoJS.enc.Utf8.parse('ABCDEF1234123412'); //十六位十六进制数作为密钥偏移量
import CryptoJS from 'crypto-js';
/* 加密 */
function Encrypt(word) {
    let srcs = CryptoJS.enc.Utf8.parse(word);
    let encrypted = CryptoJS.AES.encrypt(srcs, key, {
        iv: iv,
        mode: CryptoJS.mode.CBC,
        padding: CryptoJS.pad.Pkcs7
    });
    return encrypted.ciphertext.toString().toUpperCase();
}
/* 解密 - PRIVATE_KEY - 验证 */
function Decrypt(word) {
    let encryptedHexStr = CryptoJS.enc.Hex.parse(word);
    let srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);
    let decrypt = CryptoJS.AES.decrypt(srcs, key, {
        iv: iv,
        mode: CryptoJS.mode.CBC,
        padding: CryptoJS.pad.Pkcs7
    });
    let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
    return decryptedStr.toString();
}
export {
    Encrypt,
    Decrypt
}

4.这里就是开始使用了!
在需要使用的组件中引入刚才咱们新建的js文件
引入

import { Encrypt, Decrypt } from "@/utils/encryption.js";

调用

let str = '打打打打'
//加密
let encryptStr=Encrypt(str);
console.log(encryptStr) //55497C875AA7E5B53EE01659E549F16B
//解密
let encryptStr=Encrypt(str);
console.log(encryptStr) //打打打打

这里就成功使用了,你需要根据自己的使用场景调整代码,so easy

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值