[分享]md5.js怎么使用

发布于 2025-03-31 18:48:52

1

29

MD5（MessageDigest Algorithm 5）是一种广泛使用的密码散列函数，可以生成一个128位（16字节）的散列值，用于确保信息传输的完整性。MD5.js 是一个用于在前端通过Java...

MD5（Message-Digest Algorithm 5）是一种广泛使用的密码散列函数，可以生成一个128位（16字节）的散列值，用于确保信息传输的完整性。MD5.js 是一个用于在前端通过JavaScript对密码等私密信息进行加密的工具。

使用方法

首先，需要引入MD5.js库。可以通过以下方式引入：

https://cdnjs.com/libraries/blueimp-md5

然后，可以使用以下几种方法对字符串进行MD5加密：

hex_md5(value): 生成16进制格式的MD5散列值。
b64_md5(value): 生成Base64格式的MD5散列值。
str_md5(value): 生成字符串格式的MD5散列值。
hex_hmac_md5(key, data): 使用HMAC算法和16进制格式生成MD5散列值。
b64_hmac_md5(key, data): 使用HMAC算法和Base64格式生成MD5散列值。
str_hmac_md5(key, data): 使用HMAC算法和字符串格式生成MD5散列值。

示例代码

<!DOCTYPE html>
<html>
<head>
<script src="https://***.com/blueimp-md5/2.12.0/js/md5.min.js"></script>
</head>
<body>
<form id="loginForm">
用户名：<input type="text" id="username"><br>
密码：<input type="password" id="password"><br>
<button type="button" onclick="checkForm()">提交</button>
</form>

<script type="text/javascript">
function checkForm() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;

var hexHash = md5(username);
var b64Hash = md5(username, null, true);
var strHash = md5(username);
var hexHmacHash = md5(username, password);
var b64HmacHash = md5(username, password, true);
var strHmacHash = md5(username, password);

console.log("用户名：" + username);
console.log("密码：" + password);
console.log("hex_md5：" + hexHash);
console.log("b64_md5：" + b64Hash);
console.log("str_md5：" + strHash);
console.log("hex_hmac_md5：" + hexHmacHash);
console.log("b64_hmac_md5：" + b64HmacHash);
console.log("str_hmac_md5：" + strHmacHash);
}
</script>
</body>
</html>

以下是一个简单的示例，展示了如何使用这些方法对字符串进行MD5加密：

在这个示例中，我们创建了一个简单的表单，用户可以输入用户名和密码。点击提交按钮时，会调用checkForm函数，对输入的用户名和密码进行MD5加密，并在控制台中输出不同格式的散列值。

通过这种方式，可以确保在前端对敏感信息进行加密，增强数据传输的安全性。

md5

啊龙作者 2025-03-31 18:49:44 1#

示例里面的引入的地址需要更换成md5库的地址哦，不能忘记了

提交取消

登录 | 注册

一个月内的热帖推荐

[分享]md5.js怎么使用

啊龙 作者 2025-03-31 18:49:44 1#

啊龙

啊龙作者 2025-03-31 18:49:44 1#