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 添加和移除函数的通用方法
Oct 20 Javascript
window.print打印指定div指定网页指定区域的方法
Aug 04 Javascript
javascript类型系统 Array对象学习笔记
Jan 09 Javascript
jQuery实现磁力图片跟随效果完整示例
Sep 16 Javascript
Vue通过input筛选数据
Oct 26 Javascript
详解angularJs中关于ng-class的三种使用方式说明
Jun 02 Javascript
JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
Jul 23 Javascript
微信小程序实现鼠标拖动效果示例
Dec 01 Javascript
vue+element实现批量删除功能的示例
Feb 28 Javascript
vue router 组件的高级应用实例代码
Apr 08 Javascript
vue使用codemirror的两种用法
Aug 27 Javascript
Vue axios获取token临时令牌封装案例
Sep 11 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
基于mysql的论坛(6)
2006/10/09 PHP
用PHP生成excel文件到指定目录
2015/06/22 PHP
PHP远程调试之XDEBUG
2015/12/29 PHP
laravel5.2表单验证,并显示错误信息的实例
2019/09/29 PHP
php操作redis常见方法示例【key与value操作】
2020/04/14 PHP
详解使用php-cs-fixer格式化代码
2020/09/16 PHP
javascript引导程序
2008/10/26 Javascript
JavaScript 无符号右移运算符
2009/04/17 Javascript
javascript 匿名函数的理解(透彻版)
2010/01/28 Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
2014/02/26 Javascript
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
2015/11/13 Javascript
js传值后台中文出现乱码的解决方法
2016/06/30 Javascript
基于jQuery实现表格的排序
2016/12/02 Javascript
Angular2学习教程之ng中变更检测问题详解
2017/05/28 Javascript
vue-lazyload图片延迟加载插件的实例讲解
2018/02/09 Javascript
ES6 对象的新功能与解构赋值介绍
2019/02/05 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
2019/06/03 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
2020/04/07 Javascript
vue 点击其他区域关闭自定义div操作
2020/07/17 Javascript
跟老齐学Python之总结参数的传递
2014/10/10 Python
Python寻找两个有序数组的中位数实例详解
2018/12/05 Python
在pycharm中为项目导入anacodna环境的操作方法
2020/02/12 Python
tensorboard显示空白的解决
2020/02/15 Python
解决Django no such table: django_session的问题
2020/04/07 Python
什么是python的列表推导式
2020/05/26 Python
HTML5轻松实现全屏视频背景的示例
2018/04/23 HTML / CSS
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
Farfetch中文官网:奢侈品牌时尚购物平台
2020/03/15 全球购物
二手书店创业计划书
2014/01/16 职场文书
低碳生活倡议书
2014/04/14 职场文书
读书之星事迹材料
2014/05/12 职场文书
产品包装策划方案
2014/05/18 职场文书
乡镇干部个人对照检查材料(群众路线)
2014/09/26 职场文书
小学教师节活动总结
2015/03/20 职场文书
建国大业观后感600字
2015/06/01 职场文书
Python find()、rfind()方法及作用
2022/12/24 Python