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 相关文章推荐
js 刷新页面的代码小结 推荐
Apr 02 Javascript
JavaScript和JQuery实用代码片段(一)
Apr 07 Javascript
fancybox modal的完美解决(右上的X)
Oct 30 Javascript
jQuery动态改变图片显示大小(修改版)的实现思路及代码
Dec 24 Javascript
JavaScript中的setUTCDate()方法使用详解
Jun 11 Javascript
简单对比分析JavaScript中的apply,call与this的使用
Dec 04 Javascript
详解JavaScript的AngularJS框架中的表达式与指令
Mar 05 Javascript
用JS实现轮播图效果(二)
Jun 26 Javascript
微信小程序 loading(加载中提示框)实例
Oct 28 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
Nov 10 Javascript
深入理解js中的加载事件
Feb 08 Javascript
vue3.0 加载json的方法(非ajax)
Oct 26 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变量作用域的一些问题
2013/08/08 PHP
一个经典的PHP验证码类分享
2014/11/18 PHP
yii中widget的用法
2014/12/03 PHP
Symfony2使用第三方库Upload制作图片上传实例详解
2016/02/04 PHP
js的with语句使用方法
2007/09/21 Javascript
js控制框架刷新
2008/08/01 Javascript
js+CSS 图片等比缩小并垂直居中实现代码
2008/12/01 Javascript
JavaScript 继承详解(一)
2009/07/13 Javascript
JavaScript实现模仿桌面窗口的方法
2015/07/18 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
2015/07/27 Javascript
js正则表达式验证邮件地址
2015/11/12 Javascript
JS 日期与时间戮相互转化的简单实例
2016/06/22 Javascript
jquery基本选择器匹配多个元素的实现方法
2016/09/05 Javascript
微信小程序 action-sheet底部菜单详解
2016/10/27 Javascript
Bootstrap的popover(弹出框)在append后弹不出(失效)
2017/02/27 Javascript
JavaScript调用模式与this关键字绑定的关系
2018/04/21 Javascript
Vue父子组建的简单通信之控制开关Switch的实现
2018/06/04 Javascript
vue elementUI table 自定义表头和行合并的实例代码
2019/05/22 Javascript
vue 根据选择条件显示指定参数的例子
2019/11/09 Javascript
element跨分页操作选择详解
2020/06/29 Javascript
vue单元格多列合并的实现
2020/11/26 Vue.js
[02:49]DOTA2完美大师赛首日观众采访
2017/11/23 DOTA
[04:13]2018国际邀请赛典藏宝瓶Ⅱ饰品一览
2018/07/21 DOTA
[01:01:52]完美世界DOTA2联赛PWL S2 GXR vs Magma 第二场 11.25
2020/11/26 DOTA
Python变量类型知识点总结
2019/02/18 Python
python实现DEM数据的阴影生成的方法
2019/07/23 Python
python 实现弹球游戏的示例代码
2020/11/17 Python
CSS3实现div从下往上滑入滑出效果示例
2020/04/28 HTML / CSS
浅谈HTML5中dialog元素尝鲜
2018/10/15 HTML / CSS
美国床垫连锁店:Mattress Firm
2021/02/13 全球购物
《在大海中永生》教学反思
2014/02/24 职场文书
好习惯伴我成长演讲稿
2014/05/21 职场文书
服务理念口号
2014/06/11 职场文书
2014年党建工作汇报材料
2014/11/02 职场文书
2015年暑期见闻
2015/07/14 职场文书
MySql统计函数COUNT的具体使用详解
2022/08/14 MySQL