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获取节点的兄弟,父级,子级元素的方法

    JS获取节点的兄弟,父级,子级元素的方法

    本篇文章主要是对JS获取节点的兄弟,父级,子级元素的方法进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • javascript简写效果“神秘的眼睛”

    javascript简写效果“神秘的眼睛”

    “眼睛跟随鼠标转动效果”—— 265.com 把它放在网页的LOGO里,用javascript来实现,这个创意不错! 以前刚做FLASH的时候,用AS1实现过,今天下班早,在家简写了个:
    2008-02-02
  • Fetch超时设置与终止请求详解

    Fetch超时设置与终止请求详解

    这篇文章主要给大家介绍了关于Fetch超时设置与终止请求的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Fetch具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-05-05
  • ES6中的Promise.all()和Promise.race()函数的实现方法

    ES6中的Promise.all()和Promise.race()函数的实现方法

    这篇文章主要介绍了ES6的Promise.all()和Promise.race()函数,结合实例代码介绍了ES6 Promise.race和Promise.all方法使用,通过实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2023-02-02
  • 使用js画图之正弦曲线

    使用js画图之正弦曲线

    这篇文章主要介绍了使用js绘制几何图形的方法的系列文章,本文主要讲诉正弦曲线的绘制方法,需要的朋友可以参考下
    2015-01-01
  • npm install jquery报错问题解决

    npm install jquery报错问题解决

    这篇文章主要为大家介绍了npm install jquery报错问题解决分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • webpack中使用zepto步骤方法

    webpack中使用zepto步骤方法

    这篇文章主要为大家介绍了webpack中使用zepto步骤方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • JS从数组中随机获取一个值的常用写法

    JS从数组中随机获取一个值的常用写法

    这篇文章主要介绍了JS从数组中随机获取一个值的常用写法,需要的朋友可以参考下
    2023-07-07
  • 原生JS检测CSS3动画是否结束的方法详解

    原生JS检测CSS3动画是否结束的方法详解

    这篇文章主要介绍了原生JS检测CSS3动画是否结束的方法,结合实例形式分析了javascript事件响应及针对css3属性检测相关操作技巧,需要的朋友可以参考下
    2019-01-01
  • Hutia 的 JS 代码集

    Hutia 的 JS 代码集

    Hutia 的 JS 代码集...
    2006-10-10

最新评论