大文件上传-分片上传-秒传

介绍

将文件按固定大小分块（如使用 File.slice()）。

为每个分块生成唯一标识（如文件哈希 + 分块序号）。使用（SHA-256）

SHA-256是一种广泛使用的加密哈希函数，它将输入数据转换为一个固定大小的哈希值。

秒传（hash值转换）

使用原生 API 计算哈希与 CryptoJS对比速度快10~100倍

javascript 复制代码

exampleUsage(file);//file文件流

CryptoJS方法1

javascript 复制代码

  import CryptoJS from 'crypto-js';
  
  /**秒传hash */
  calculateBlobHash = async (blob, algorithm = 'SHA256') => {
    // 记录开始时间
    const startTime = performance.now();

    try {
      // 1. 将 Blob 转换为 ArrayBuffer
      const arrayBufferStartTime = performance.now();
      const arrayBuffer = await new Promise((resolve, reject) => {
        const reader = new FileReader();
        reader.onload = () => resolve(reader.result);
        reader.onerror = reject;
        reader.readAsArrayBuffer(blob);
      });
      const arrayBufferEndTime = performance.now();
      console.log(
        `Blob 转 ArrayBuffer 耗时: ${(arrayBufferEndTime - arrayBufferStartTime).toFixed(2)}ms`
      );

      // 2. 将 ArrayBuffer 转换为 WordArray（CryptoJS 需要的格式）
      const wordArrayStartTime = performance.now();
      const wordArray = CryptoJS.lib.WordArray.create(arrayBuffer);
      const wordArrayEndTime = performance.now();
      console.log(
        `ArrayBuffer 转 WordArray 耗时: ${(wordArrayEndTime - wordArrayStartTime).toFixed(2)}ms`
      );

      // 3. 计算哈希值
      const hashStartTime = performance.now();
      const hash = CryptoJS[algorithm](wordArray);
      const hashEndTime = performance.now();
      console.log(`哈希计算耗时: ${(hashEndTime - hashStartTime).toFixed(2)}ms`);

      // 4. 将哈希值转换为十六进制字符串
      const hexStartTime = performance.now();
      const hexHash = hash.toString(CryptoJS.enc.Hex);
      const hexEndTime = performance.now();
      console.log(`哈希转十六进制耗时: ${(hexEndTime - hexStartTime).toFixed(2)}ms`);

      // 记录总时间
      const endTime = performance.now();
      console.log(`总耗时: ${(endTime - startTime).toFixed(2)}ms`);

      return hexHash;
    } catch (error) {
      console.error('计算哈希时出错:', error);
      throw error;
    }
  };

方法2（原生转换）

javascript 复制代码

  calculateBlobHashNative = async (blob, algorithm = 'SHA-256') => {
    const startTime = performance.now();

    try {
      const arrayBuffer = await blob.arrayBuffer();
      const hashBuffer = await crypto.subtle.digest(algorithm, arrayBuffer);
      const hashArray = Array.from(new Uint8Array(hashBuffer));
      const hexHash = hashArray.map((b) => b.toString(16).padStart(2, '0')).join('');

      const endTime = performance.now();
      console.log(`原生 API 总耗时: ${(endTime - startTime).toFixed(2)}ms`);

      return hexHash;
    } catch (error) {
      console.error('使用原生 API 计算哈希时出错:', error);
      throw error;
    }
  };

转换

javascript 复制代码

// 使用示例
  exampleUsage = async (blob) => {
    // 创建一个示例 Blob（在实际应用中，这可能是用户上传的文件）
    // const text = '这是一个测试文件内容，用于演示如何计算 Blob 的哈希值。';
    // const blob = new Blob([text], { type: 'text/plain' });

    console.log('计算得到的哈希值判断:', blob instanceof Blob, blob.size / 1024 / 1024, 'mb');
    try {
      const hash = await this.calculateBlobHash(blob);
      const hash2 = await this.calculateBlobHashNative(blob);
      console.log('计算得到的哈希值:', hash, hash2);
    } catch (error) {
      console.error('示例使用出错:', error);
    }
  };