在前端的开发过程中，有时我们需要对文件的内容进行 hash 计算，例如为了防止重复上传，需要对文件内容进行比较。本文介绍了一个可用于浏览器端的 npm 包 @aws-sdk/hash-blob-browser，该包可以方便地计算上传的二进制内容的哈希值。
计算哈希值
@aws-sdk/hash-blob-browser 包中提供了两个函数：sha256 和 md5，分别用于计算 SHA-256 和 MD5 哈希值。
使用方法如下：
import {sha256} from '@aws-sdk/hash-blob-browser';
async function calculateHash(blob: Blob): Promise<ArrayBuffer> {
const hash = await sha256(blob);
return hash;
}其中，sha256 函数接受 Blob 对象作为参数，并返回 Promise<ArrayBuffer> 类型的哈希值。同样地，md5 函数也接受 Blob 对象作为参数，并返回 Promise<ArrayBuffer> 类型的哈希值。
计算哈希值的过程是在浏览器端进行的，因此函数会返回一个 Promise，计算完成后会返回哈希值。
示例代码
下面是一个简单的示例代码，演示了如何计算上传的文件的 SHA-256 哈希值：
-- -------------------- ---- -------
------ -------- ---- -----------------------------
----- -------- ---------------- ----- ---------- ------- -
----- ---- - ----- -------------
----- --- - --- -----------------
--------------- ---------- ------
------------------------------------ -----------
-------------------------------------------- ---------------------------
---------------
-
-------- --------------------------- ------------- ------ -
--- ------ - ---
----- ----- - --- -------------------
--- ---- - - -- - - ----------------- ---- -
------ -- ------------------------------
-
------ --------------------
-上述代码中，uploadFile 函数接受上传的文件和上传目标 URL 作为参数，使用 XMLHttpRequest 对象将文件上传到指定地址。在发送请求时，我们先计算文件的 SHA-256 哈希值，并将结果作为 x-amz-content-sha256 请求头发送。
在 arrayBufferToBase64 函数中，我们将 ArrayBuffer 类型的哈希值转换为 Base64 编码，方便在请求头中传输。
由此可见，@aws-sdk/hash-blob-browser 提供了方便的工具，可以帮助我们更方便地完成文件上传，提高了开发效率。
结语
本文介绍了 npm 包 @aws-sdk/hash-blob-browser 的使用方法，并演示了如何计算上传文件的哈希值以实现文件上传的功能。
使用 @aws-sdk/hash-blob-browser 可以方便地计算二进制内容的哈希值，提高了开发效率。同时，哈希值的计算也是前端开发中常见的任务之一，因此本文的内容具有实用性和指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f6f23e8a9b7065299ccba46