Javascript MD5加密

最新推荐文章于 2023-10-29 11:19:48 发布

海宏_

最新推荐文章于 2023-10-29 11:19:48 发布

阅读量1.3k

点赞数

分类专栏： Javascript 文章标签： Javascript MD5加密

本文链接：https://blog.csdn.net/chanhaha/article/details/40373391

版权

Javascript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

项目组出于保障前端密码的安全性，要求在前端密码表单传输时对密码进行加密。

原本考虑使用jQ的加密插件，后面又因为由于不打算引入jQ文件，所以上gitHub找了些纯Javascript的MD5加密框架。找到的这个相对来说比较不错，在这里推荐给大家。

gitHub地址： https://github.com/blueimp/JavaScript-MD5

百度网盘的一个小Demo： http://pan.baidu.com/s/1tooIa

<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="utf-8">
		<title>JavaScript MD5 Demo</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="css/demo.css">
	</head>

	<body>
		<h1>JavaScript MD5 Demo</h1>
		<form>
			<h2>Input</h2>
			<textarea rows="6" id="input"></textarea>
			<br>
			<button type="button" id="calculate">Calculate</button>
			<h2>Result</h2>
			<input id="result">
			<br>
		</form>
		<script src="js/md5.js"></script>
		<script type="text/javascript">
			var oSwitch = document.getElementById("calculate");
			oSwitch.addEventListener("click", function(event) {
				event.preventDefault();
				document.getElementById("result").value = md5(document.getElementById("input").value);
			});
		</script>
	</body>

</html>

效果图：