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里面的几种选择器 查找满足条件的元素$(&quot;#控件ID&quot;)
Aug 23 Javascript
JS的Document属性和方法小结
Sep 17 Javascript
一个不错的字符串转码解码函数(自写)
Jul 31 Javascript
javascript匿名函数实例分析
Nov 18 Javascript
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
Jan 19 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
Apr 04 Javascript
ES6中class类用法实例浅析
Apr 06 Javascript
JavaScript函数表达式详解及实例
May 05 Javascript
JS+HTML+CSS实现轮播效果
Nov 28 Javascript
js经验分享 JavaScript反调试技巧
Mar 10 Javascript
详解使用vue-admin-template的优化历程
May 20 Javascript
详解如何使用Node.js实现热重载页面
May 06 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
php 动态多文件上传
2009/01/18 PHP
php5.2的curl-bug 服务器被php进程卡死问题排查
2016/09/19 PHP
JS 字符串连接[性能比较]
2009/05/10 Javascript
基于jquery的图片懒加载js
2010/06/30 Javascript
javascript重写alert方法的实例代码
2013/03/29 Javascript
js Array对象的扩展函数代码
2013/04/24 Javascript
JavaScript更改原始对象valueOf的方法
2015/03/19 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
2015/08/21 Javascript
深入探秘jquery瀑布流的实现
2016/01/30 Javascript
jQuery unbind 删除绑定事件详解
2016/05/24 Javascript
AngularJS入门教程之ng-checked 指令详解
2016/08/01 Javascript
JavaScript仿百度图片浏览效果
2016/11/23 Javascript
使用grunt合并压缩js和css文件的方法
2017/03/02 Javascript
利用JavaScript实现栈的数据结构示例代码
2017/08/02 Javascript
基于 Vue 实现一个酷炫的 menu插件
2017/11/14 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
2018/02/10 Javascript
详解vue项目中调用百度地图API使用方法
2019/04/25 Javascript
vue实现移动端轻量日期组件不依赖第三方库的方法
2019/04/28 Javascript
微信小程序以ssm做后台开发的实现示例
2020/04/08 Javascript
在Django中创建动态视图的教程
2015/07/15 Python
python numpy 部分排序 寻找最大的前几个数的方法
2018/06/27 Python
对Python强大的可变参数传递机制详解
2019/06/13 Python
Scrapy框架实现的登录网站操作示例
2020/02/06 Python
Python如何实现远程方法调用
2020/08/07 Python
Python中Pyspider爬虫框架的基本使用详解
2021/01/27 Python
css3实现动画的三种方式
2020/08/24 HTML / CSS
葡萄牙鞋子品牌:Fair
2016/12/10 全球购物
美国折扣宠物药房:Total Pet Supply
2018/05/27 全球购物
上海中网科技笔试题
2012/02/19 面试题
电子商务专业学生的自我鉴定
2013/11/28 职场文书
护士见习期自我鉴定
2014/02/08 职场文书
厨房领班竞聘演讲稿
2014/04/23 职场文书
全陪导游词
2015/02/04 职场文书
2015年保险公司工作总结
2015/04/24 职场文书
致短跑运动员加油稿
2015/07/21 职场文书
检讨书范文
2019/04/16 职场文书