前端crypto-js计算文件的sha256值

最新推荐文章于 2025-03-23 12:00:00 发布

吴宗朔

最新推荐文章于 2025-03-23 12:00:00 发布

阅读量2.7k

点赞数 2

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/weixin_44974357/article/details/126391837

版权

通过HTML5的FileReader接口读取文件，使用ArrayBuffer处理二进制数据，然后利用CryptoJS库进行SHA256或MD5哈希计算，实现浏览器端的安全文件校验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要在浏览器中计算出文件的sha256或md5值，基本思路就是使用HTML5的FileReader接口把文件读取到内存(readAsArrayBuffer)，然后获取文件的二进制内容，然后获取文件的shaa256或md5值。
ArrayBuffer是一块内存，ArrayBuffer对象被用来表示一个通用的，固定长度的二进制数据缓冲区。
CryptoJS (crypto.js) 为 JavaScript 提供了各种各样的加密算法。目前已支持的算法包括： MD5 SHA-1 SHA-256 AES Rabbit MARC4 HMAC HMAC-MD5 HMAC-SHA1…

安装 crypto-js
下面展示一些 内联代码片。

// 安装
npm install crypto-js

// 引用
import  CryptoJS from 'crypto-js';

首先从input type=file中读取文件，然后使用以下代码计算出sha256值。
下面展示一些 内联代码片。

let reader = new FileReader();
reader.readAsArrayBuffer(file.files[0]);
reader.onload = function () {
   var wordArray = CryptoJS.lib.WordArray.create(reader.result);
   var hash = CryptoJS.SHA256(wordArray).toString();
};