JavaScript中使用CryptoJS进行Base64加解密的方法

作者:半夏

时间:2026-10-22

浏览:224

本文介绍如何使用Google开发的CryptoJS库在JavaScript前端实现Base64编码与解码。通过引入core-min.js和enc-base64.js,演示了将UTF-8字符串转换为Base64及反向解析的完整代码,涵盖浏览器Node.js环境下的具体用法。

文章目录

CryptoJS库简介与Base64加解密示例

crypto-js(GitHub)是由Google开发的一款纯JavaScript加密算法库,能够便捷地在前端执行其支持的各类加解密操作。目前该库支持的算法包括MD5、SHA-1、SHA-256、AES、Rabbit、MARC4、HMAC、HMAC-MD5、HMAC-SHA1、HMAC-SHA256以及PBKDF2。在实际应用中,MD5和AES较为常用,开发者既可以选择引入总文件,也可以按需单独引用特定算法的文件。

本示例详细讲解了如何利用JS加密插件CryptoJS完成Base64编码操作,供读者参考学习。

此前在《JS加密插件CryptoJS实现的DES加密》一文中已介绍过DES加密方法,此处继续补充CryptoJS进行Base64编码的具体实现方式。


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/core-min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/enc-base64.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var str = CryptoJS.enc.Utf8.parse("张");
var base64 = CryptoJS.enc.Base64.stringify(str);
// base64 = 5byg
var words = CryptoJS.enc.Base64.parse("5byg");
var parseStr = words.toString(CryptoJS.enc.Utf8);
// parseStr = 张
</script>
</head>
<body>
</body>
</html>

实例2


var CryptoJS = require("crypto-js");//replace thie with script tag in browser env
 
//encrypt
var rawStr = "hello world!";
var wordArray = CryptoJS.enc.Utf8.parse(rawStr);
var base64 = CryptoJS.enc.Base64.stringify(wordArray);
console.log('encrypted:', base64);
 
//decrypt
var parsedWordArray = CryptoJS.enc.Base64.parse(base64);
var parsedStr = parsedWordArray.toString(CryptoJS.enc.Utf8);
console.log("parsed:",parsedStr);
复制代码

附:cryptojs插件GitHub下载地址: https://github.com/gwjjeff/cryptojs

PS:这里再推荐几款加密解密相关在线工具供大家参考使用:

在线编码转换工具(utf-8/utf-32/Punycode/Base64): http://tools.jb51.net/transcoding/decode_encode_tool

BASE64编码解码工具: http://tools.jb51.net/transcoding/base64

图片转换为Base64编码在线工具: http://tools.jb51.net/transcoding/img2base64

在线MD5/hash/SHA-1/SHA-2/SHA-256/SHA-512/SHA-3/RIPEMD-160加密工具: http://tools.jb51.net/password/hash_md5_sha

在线sha1/sha224/sha256/sha384/sha512加密工具: http://tools.jb51.net/password/sha_encode

更多关于JavaScript相关内容可查看本站专题:《JavaScript加密解密技巧汇总》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章