JS加密插件CryptoJS实现的Base64加密示例


Posted in Javascript onAugust 16, 2020

crypto-js(GitHub)是谷歌开发的一个纯JavaScript的加密算法类库,可以非常方便的在前端进行其所支持的加解密操作。目前crypto-js已支持的算法有:MD5,SHA-1,SHA-256,AES,Rabbit,MARC4,HMAC,HMAC-MD5,HMAC-SHA1,HMAC-SHA256,PBKDF2。常用的加密方式有MD5和AES,使用时可以引用总文件,也可以单独引用某一文件。

本文实例讲述了JS加密插件CryptoJS实现的Base64加密。分享给大家供大家参考,具体如下:

前面一篇《JS加密插件CryptoJS实现的DES加密》介绍了CryptoJS插件进行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);
复制代码
Javascript 相关文章推荐
javascript html 静态页面传参数
Apr 10 Javascript
点击进行复制的JS代码实例
Aug 23 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
Dec 13 Javascript
jquery.cookie用法详细解析
Dec 18 Javascript
javascript实现校验文件上传控件实例
Apr 20 Javascript
jquery实现选中单选按钮下拉伸缩效果
Aug 06 Javascript
理解javascript闭包
Dec 15 Javascript
Vue.js实战之利用vue-router实现跳转页面
Apr 01 Javascript
AngularJS中controller控制器继承的使用方法
Nov 03 Javascript
详解nuxt路由鉴权(express模板)
Nov 21 Javascript
vue封装一个简单的div框选时间的组件的方法
Jan 06 Javascript
浅谈vue限制文本框输入数字的正确姿势
Sep 02 Javascript
vue中引用swiper轮播插件的教程详解
Aug 16 #Javascript
JS加密插件CryptoJS实现的DES加密示例
Aug 16 #Javascript
JS加密插件CryptoJS实现AES加密操作示例
Aug 16 #Javascript
实例详解vue.js浅度监听和深度监听及watch用法
Aug 16 #Javascript
vue watch普通监听和深度监听实例详解(数组和对象)
Aug 16 #Javascript
vue watch深度监听对象实现数据联动效果
Aug 16 #Javascript
JS实现的RC4加密算法示例
Aug 16 #Javascript
You might like
FastCGI 进程意外退出造成500错误
2015/07/26 PHP
详细分析PHP 命名空间(namespace)
2020/06/30 PHP
多浏览器兼容的获取元素和鼠标的位置的js代码
2009/12/15 Javascript
Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试
2012/02/13 Javascript
jquery load事件(callback/data)使用方法及注意事项
2013/02/06 Javascript
简介JavaScript中的setDate()方法的使用
2015/06/11 Javascript
javascript实现PC网页里的拖拽效果
2016/03/14 Javascript
JavaScript中的跨浏览器事件操作的基本方法整理
2016/05/20 Javascript
用iframe实现不刷新整个页面上传图片的实例
2016/11/18 Javascript
浅析js的模块化编写 require.js
2016/12/07 Javascript
js实现微博发布小功能
2017/01/12 Javascript
Vuex简单入门
2017/04/19 Javascript
JS FormData上传文件的设置方法
2017/07/05 Javascript
JavaScript常见事件对象与操作实例总结
2019/01/05 Javascript
微信小程序自定义顶部组件customHeader的示例代码
2020/06/03 Javascript
解决vue中的无限循环问题
2020/07/27 Javascript
[35:55]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.11
2020/12/13 DOTA
在Python的循环体中使用else语句的方法
2015/03/30 Python
Python进行数据科学工作的简单入门教程
2015/04/01 Python
详解Python 数据库 (sqlite3)应用
2016/12/07 Python
对命令行模式与python交互模式介绍
2018/05/12 Python
python使用tcp实现局域网内文件传输
2020/03/20 Python
Python实现随机生成任意数量车牌号
2020/01/21 Python
python GUI库图形界面开发之PyQt5窗口布局控件QStackedWidget详细使用方法
2020/02/27 Python
韩国三星集团旗下时尚品牌官网:SSF SHOP
2016/08/02 全球购物
德国化妆品和天然化妆品网上商店:kosmetikfuchs.de
2017/06/09 全球购物
消防应急演练方案
2014/02/12 职场文书
《千年梦圆在今朝》教学反思
2014/02/24 职场文书
模具专业自荐信
2014/05/29 职场文书
群众路线调研报告范文
2014/11/03 职场文书
2014年业务员工作总结范文
2014/11/17 职场文书
关于成立领导小组的通知
2015/04/23 职场文书
怎样评估创业计划书是否有可行性?
2019/08/07 职场文书
纯CSS实现hover图片pop-out弹出效果的实例代码
2021/04/16 HTML / CSS
mysql定时自动备份数据库的方法步骤
2021/07/07 MySQL
mysql如何查询连续记录
2022/05/11 MySQL