HTML5三种对密码加密的方法

JavaScript0320

HTML5三种对密码加密的方法,第1张

1、base64加密:在页面中引入base64.js文件,调用方法为:

2、md5加密:在页面中引用md5.js文件,调用方法为

3、sha1加密,据说这是最安全的加密:页面中引入sha1.js,调用方法为

base64.js: http://files.cnblogs.com/mofish/base64.js

md5.js: http://files.cnblogs.com/mofish/md5.js

sha1.js: http://files.cnblogs.com/mofish/sha1.js

我们可以知道:escape()除了 ASCII 字母、数字和特定的符号外,对传进来的字符串全部进行转义编码,因此如果想对URL编码,最好不要使用此方法。而encodeURI() 用于编码整个URI,因为URI中的合法字符都不会被编码转换。encodeURIComponent方法在编码单个URIComponent(指请求参数)应当是最常用的,它可以讲参数中的中文、特殊字符进行转义,而不会影响整个URL。

请注意 encodeURIComponent() 函数 与 encodeURI() 函数的区别之处,前者假定它的参数是 URI 的一部分(比如协议、主机名、路径或查询字符串)。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。

一、encodeURI()//转义一个URI中的字符

语法:encodeURI(uri)//这个在编码不同的AJAX请求时,解决中文乱码问题经常用到。

二、decodeURI()//解码一个URI中的字符

语法:decodeURI(uri)

三、encodeURIComponent()//转义URI组件中的字符

四、decodeURIComponent()//解码一个URI组件中的字符

五、escape()//编码一个字符串

语法:escape(value)

六、unecape()//解码一个由escape()函数编码的字符串

问题: 上传图片含有大量重复

解决思路.获取图片MD5值 传到后台进行比较

一、引入spark-md5.js

var sMD5 = require('../../../utils/spark-md5.js')

二、选择图片获取文件

三、spark-md5.js

参考: https://blog.csdn.net/aaron9185/article/details/84855014

一,有关于JS md5加密:

下载包:

1:md5.js    ;

2: md4.js   ;

3: sha1.js。

二,使用MD5加密的方法:

下载md5.js文件,在网页中引用该文件:

<script type="text/javascript" src="md5.js"></script>

三,在你需要使用MD5加密的地方如此调用:

<script type="text/javascript" >

hash = hex_md5("input string")

</script>

其他两个算法类似。

用javascript加密的好处是可以在客户端完成加密之后传送到服务端,

即可以减轻服务端负担,也可以保证传输的安全。

可以使用crypto-js插件来进行加密的。

我就说一下在node环境中使用吧(直接引入其实也差不多)

1,首先安装crypto-js包:

一般加密的地方都是需要发送ajax,所以最好把ajax再封装一下(这样只要在这里加密就可以了),将封装的ajax文件挂到VUE全局方法(就是在在入口的地方使用Vue.prototype)

2,在ajax文件处引入下面两个文件:

   var CryptoJS = require("crypto-js/core")var MD5 = require("crypto-js/md5") //或者使用ES6 importimport CryptoJS from 'crypto-js/core'import MD5 from 'crypto-js/md5'   

3,最后在需要使用的地方用这“CryptoJS.MD5(需要加密的值)”。