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 相关文章推荐
JQUERY的属性选择符和自定义选择符使用方法(二)
Apr 07 Javascript
jquery仿搜索自动联想功能代码
May 23 Javascript
JavaScript实现防止网页被嵌入Frame框架的代码分享
Dec 29 Javascript
学习JavaScript设计模式之中介者模式
Jan 14 Javascript
深入理解Angular2 模板语法
Aug 07 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
Nov 24 Javascript
js模拟微博发布消息
Feb 23 Javascript
vue中SPA单页面应用程序详解
Nov 07 Javascript
npm 下载指定版本的组件方法
May 17 Javascript
angular将html代码输出为内容的实例
Sep 30 Javascript
Vue实现验证码功能
Dec 03 Javascript
VUE项目axios请求头更改Content-Type操作
Jul 24 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
在项目中寻找代码的坏命名
2012/07/14 PHP
非常好用的Zend Framework分页类
2014/06/25 PHP
php将textarea数据提交到mysql出现很多空格的解决方法
2014/12/19 PHP
Draggable Elements 元素拖拽功能实现代码
2011/03/30 Javascript
JavaScript实现将UPC转换成ISBN的方法
2015/05/26 Javascript
基于jquery编写分页插件
2016/03/07 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
2016/05/10 Javascript
JavaScript代码性能优化总结(推荐)
2016/05/16 Javascript
基于JS设计12306登录页面
2016/12/28 Javascript
ES6学习教程之对象的扩展详解
2017/05/02 Javascript
js编写简单的聊天室功能
2017/08/17 Javascript
实现div内部滚动条滚动到底部和顶部的代码
2017/11/15 Javascript
vue.js 微信支付前端代码分享
2018/02/10 Javascript
javascript中UMD规范的代码推演
2018/08/29 Javascript
vue侧边栏动态生成下级菜单的方法
2018/09/07 Javascript
vue读取本地的excel文件并显示在网页上方法示例
2019/05/29 Javascript
实用Javascript调试技巧分享(小结)
2019/06/18 Javascript
解决vue加scoped后就无法修改vant的UI组件的样式问题
2020/09/07 Javascript
MySQLdb ImportError: libmysqlclient.so.18解决方法
2014/08/21 Python
详细讲解Python中的文件I/O操作
2015/05/24 Python
python连接字符串的方法小结
2015/07/13 Python
详解Python的Django框架中manage命令的使用与扩展
2016/04/11 Python
pandas通过索引进行排序的示例
2018/11/16 Python
python实现多张图片拼接成大图
2019/01/15 Python
python datetime中strptime用法详解
2019/08/29 Python
什么是网络协议
2016/04/07 面试题
UNIX文件名称有什么规定
2013/03/25 面试题
轻化专业学生实习自我鉴定
2013/09/20 职场文书
毕业生自荐书
2013/12/18 职场文书
中学劳技课教师的自我评价
2014/02/05 职场文书
大学生村官承诺书
2014/03/28 职场文书
护理专业毕业生自荐信
2014/06/15 职场文书
先进教师事迹材料
2014/12/16 职场文书
教师节寄语2015
2015/03/23 职场文书
2015年政务公开工作总结
2015/05/19 职场文书
2016年“12.3”国际残疾人日活动总结
2016/04/01 职场文书