vue3如何获取一个大型文件的hash值

在 Vue 3 中，可以使用浏览器原生的 `SubtleCrypto` API 计算文件的哈希值。

具体步骤如下：

1. 通过 `FileReader` 对象读取文件内容，获取 `ArrayBuffer` 类型的数据。

2. 使用 `SubtleCrypto.digest()` 方法计算哈希值，并通过 `ArrayBuffer` 转换为十六进制字符串。

下面是一个示例代码：

async function getFileHash(file) {
  const reader = new FileReader();
  reader.readAsArrayBuffer(file);
  const buffer = await new Promise((resolve) => {
    reader.onload = () => resolve(reader.result);
  });
  const hashBuffer = await crypto.subtle.digest("SHA-256", buffer);
  const hashArray = Array.from(new Uint8Array(hashBuffer));
  const hashHex = hashArray.map((b) => b.toString(16).padStart(2, "0")).join("");
  return hashHex;
}

在上面的代码中，`getFileHash` 函数接受一个文件对象，使用 `FileReader` 读取文件内容，然后通过 `crypto.subtle.digest()` 方法计算哈希值，最后将哈希值转换为十六进制字符串并返回。可以将此函数用于获取大型文件的哈希值。