el-upload 上传文件时 如何分块计算大文件sha256

在el-upload上传大文件时，可以使用FileReader API来分块读取文件，并计算每个块的sha256值。具体步骤如下：

1. 使用FileReader API读取文件

const reader = new FileReader();
reader.readAsArrayBuffer(file);

2. 在reader的load事件中，将读取到的文件块计算sha256值，并将结果存储到一个数组中

reader.onload = () => {
  const chunk = reader.result;
  const hash = sha256(chunk);
  hashList.push(hash);
};

3. 在所有块计算完成后，将所有sha256值拼接，再次计算sha256值得到最终结果

const concatHash = hashList.join('');
const finalHash = sha256(concatHash);

其中，sha256可以使用第三方库crypto-js实现：

import sha256 from 'crypto-js/sha256';

相关问题

vue el-upload 上传文件时 如何分块计算大文件sha256

在使用 vue el-upload 上传大文件时，可以使用 FileReader API 和 ArrayBuffer 对文件进行分块读取，并使用 crypto.subtle.digest() 方法计算每个分块的 SHA-256 值，最终将所有分块的 SHA-256 值进行拼接并计算出整个文件的 SHA-256 值。

以下是一个示例代码：

const CHUNK_SIZE = 10 * 1024 * 1024; // 每块大小为10MB
const fileReader = new FileReader();
const file = this.$refs.uploadInput.files[0];
const totalChunks = Math.ceil(file.size / CHUNK_SIZE);
const chunks = [];

fileReader.onload = (event) => {
  const chunk = new Uint8Array(event.target.result);
  crypto.subtle.digest('SHA-256', chunk).then((hash) => {
    chunks.push(hash);
    if (chunks.length === totalChunks) {
      const fileHash = this.calculateFileHash(chunks);
      console.log(fileHash);
    } else {
      this.readNextChunk(fileReader, chunks, totalChunks);
    }
  });
};

this.readNextChunk(fileReader, chunks, totalChunks);

// 递归读取下一块分块
readNextChunk(fileReader, chunks, totalChunks) {
  const start = chunks.length * CHUNK_SIZE;
  if (start >= file.size) {
    return;
  }
  const end = Math.min(start + CHUNK_SIZE, file.size);
  const blob = file.slice(start, end);
  fileReader.readAsArrayBuffer(blob);
}

// 拼接所有分块的 SHA-256 值并计算文件的 SHA-256 值
calculateFileHash(chunks) {
  const combinedHash = new Uint8Array(chunks.reduce((acc, chunk) => {
    return acc.concat(Array.from(new Uint8Array(chunk)));
  }, []));
  return crypto.subtle.digest('SHA-256', combinedHash).then((hash) => {
    return Array.from(new Uint8Array(hash)).map(b => b.toString(16).padStart(2, '0')).join('');
  });
}

在上面的示例代码中，我们首先定义了每个分块的大小为10MB，然后使用 FileReader API 将文件分块读取为 ArrayBuffer，并使用 crypto.subtle.digest() 方法计算每个分块的 SHA-256 值。每个分块计算完毕后，将其 SHA-256 值存入一个数组中。

当所有分块的 SHA-256 值计算完毕后，我们将所有分块的 SHA-256 值拼接为一个 Uint8Array，并使用 crypto.subtle.digest() 方法计算整个文件的 SHA-256 值。最终我们将计算出的文件 SHA-256 值转换为十六进制字符串并返回。

el-upload 上传文件时 利用cryptojs 分块计算文件sha256

可以利用以下步骤来利用CryptoJS分块计算文件的SHA256：

1. 将文件分成固定大小的块。可以选择每个块的大小，例如1MB或2MB。

2. 对于每个块，使用FileReader API读取其内容。 FileReader API允许您异步读取文件，因此您可以读取每个块并在完成后继续下一个块。

3. 对于每个块，使用CryptoJS计算其SHA256哈希值。 为此，您可以将块内容转换为CryptoJS WordArray，使用CryptoJS.SHA256计算哈希值，然后将结果转换为十六进制字符串。

4. 将每个块的哈希值拼接在一起，并使用CryptoJS计算最终文件的SHA256哈希值。 您可以使用CryptoJS.concat将每个块的哈希值连接起来，然后使用CryptoJS.SHA256计算最终哈希值。

下面是一个示例代码片段，可以帮助您开始实现此功能：

const CHUNK_SIZE = 1024 * 1024; // 1MB

function calculateFileHash(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    const chunks = [];
    let currentChunk = 0;

    reader.onload = () => {
      const chunk = reader.result;
      const wordArray = CryptoJS.lib.WordArray.create(chunk);
      const hash = CryptoJS.SHA256(wordArray);
      const hexHash = hash.toString(CryptoJS.enc.Hex);
      chunks.push(hexHash);

      if (currentChunk < file.size) {
        readNextChunk();
      } else {
        const concatenatedHash = CryptoJS.concat(chunks.map(CryptoJS.enc.Hex.parse));
        const finalHash = CryptoJS.SHA256(concatenatedHash).toString(CryptoJS.enc.Hex);
        resolve(finalHash);
      }
    };

    reader.onerror = () => {
      reject(reader.error);
    };

    function readNextChunk() {
      const start = currentChunk;
      const end = Math.min(currentChunk + CHUNK_SIZE, file.size);
      const blob = file.slice(start, end);
      currentChunk = end;
      reader.readAsArrayBuffer(blob);
    }

    readNextChunk();
  });
}

在此示例中，calculateFileHash函数接收一个File对象，并返回一个Promise，该Promise在计算出文件的SHA256哈希值后解决。 该函数将文件分成固定大小的块，对于每个块使用CryptoJS计算其哈希值，并将每个块的哈希值拼接在一起。 最后，它使用CryptoJS计算最终的SHA256哈希值，并将其作为Promise的解决值返回。