JS前端加密算法示例

 更新时间:2016年12月22日 11:41:50   作者:wheatmark  
这篇文章主要介绍了JS前端加密算法,结合实例形式分析了crypto-js具体用法与注意事项,需要的朋友可以参考下

本文实例讲述了JS前端加密算法。分享给大家供大家参考,具体如下:

解密操作对服务器性能颇有消耗。寻思着能不能在前端完成。于是找到了crypto-js。

crypto-js的github地址: https://github.com/brix/crypto-js

crypto-js支持各类主流算法。弄个简单点的DES加密。

function decryptByDES(ciphertext, key) {
    var keyHex = CryptoJS.enc.Utf8.parse(key);
    var decrypted = CryptoJS.DES.decrypt({
    ciphertext: CryptoJS.enc.Base64.parse(ciphertext)
    }, keyHex, {
    mode: CryptoJS.mode.ECB,
    padding: CryptoJS.pad.Pkcs7
    });
    return decrypted.toString(CryptoJS.enc.Utf8);
}

使用这个可以配合Data URL做简单的图片解密(有点闲的蛋疼)。

$.get("http://127.0.0.1/image/image.data",function(data){
    var result = decryptByDES(data,'123');
    var image = "data:image/jpeg;base64,"+result;
    $('#show').attr("src", image);
}

PS:关于加密解密感兴趣的朋友还可以参考本站在线工具:

BASE64编码解码工具:
http://tools.jb51.net/transcoding/base64

URL网址16进制加密工具:
http://tools.jb51.net/password/urlencodepwd

密码安全性在线检测:
http://tools.jb51.net/password/my_password_safe

高强度密码生成器:
http://tools.jb51.net/password/CreateStrongPassword

MD5在线加密工具:
http://tools.jb51.net/password/CreateMD5Password

迅雷、快车、旋风URL加密/解密工具:
http://tools.jb51.net/password/urlrethunder

在线散列/哈希算法加密工具:
http://tools.jb51.net/password/hash_encrypt

更多关于JavaScript相关内容可查看本站专题:《JavaScript加密解密技巧汇总》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • js限制输入框只能输入数字(onkeyup触发)

    js限制输入框只能输入数字(onkeyup触发)

    这篇文章主要介绍了通过js实现input输入框只能输入数字的实现方法,主要是通过正则表达式替换实现,需要的朋友可以参考下
    2018-09-09
  • 一文读懂JS中的var/let/const和暂时性死区

    一文读懂JS中的var/let/const和暂时性死区

    这篇文章主要为大家详细介绍了JavaScript中的var、let、const和暂时性死区的异同,文中的示例代码讲解详细,感兴趣的小伙伴可以了解一下
    2023-02-02
  • 通俗解释JavaScript正则表达式快速记忆

    通俗解释JavaScript正则表达式快速记忆

    正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。简单来说,就是按照某种规则去匹配符合条件的字符串
    2017-08-08
  • javascript垃圾收集机制与内存泄漏详细解析

    javascript垃圾收集机制与内存泄漏详细解析

    本文是对javascript中的垃圾收集机制与内存泄漏进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • 源码分析Django的message组件

    源码分析Django的message组件

    这篇文章主要介绍了源码分析Django的message组件,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-05-05
  • js动态给table添加/删除tr的方法

    js动态给table添加/删除tr的方法

    这篇文章介绍了js动态给table添加/删除tr的方法,有需要的朋友可以参考一下
    2013-08-08
  • 浅谈微信小程序之官方UI框架we-ui使用教程

    浅谈微信小程序之官方UI框架we-ui使用教程

    这篇文章主要介绍了浅谈微信小程序之官方UI框架we-ui使用教程,WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • 基于Proxy的小程序状态管理实现

    基于Proxy的小程序状态管理实现

    这篇文章主要介绍了基于Proxy的小程序状态管理实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-06-06
  • 在JavaScript中使用mqtt.js的详细过程

    在JavaScript中使用mqtt.js的详细过程

    这篇文章主要介绍了在JavaScript中使用mqtt.js的相关知识,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • webpack 打包压缩js和css的方法示例

    webpack 打包压缩js和css的方法示例

    本篇文章主要介绍了webpack 打包压缩js和css的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-03-03

最新评论