我用ai生成了一套代码, 自己测试通过

<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>文件还原工具 - 拖拽还原下载</title>
  <style>
    body {
      font-family: sans-serif;
      background: #f5f5f5;
      display: flex;
      min-height: 100vh;
      align-items: center;
      justify-content: center;
      padding: 0;
      margin: 0;
    }

    #drop-area {
      border: 2px dashed #888;
      border-radius: 10px;
      background: #fff;
      width: calc(100vw - 40px);
      height: calc(100vh - 40px);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      box-shadow: 0 2px 8px #0001;
      transition: border-color 0.2s;
      color: #666;
      font-size: 1.2em;
    }

    #drop-area.dragover {
      border-color: #1976d2;
      color: #1976d2;
      background: #e3f2fd;
    }

    #hint {
      margin-top: 10px;
      color: #999;
      font-size: 0.95em;
    }
  </style>
</head>

<body>
  <div id="drop-area">
    <div>请将需要还原的文件拖到这里</div>
    <div id="hint">(文件处理自动下载，一次拖入一个文件)</div>
  </div>
  <input type="file" id="fileInput" style="display:none;">
  <script>
    // 适配大文件处理：使用slice+流式读取+Blob组合输出
    async function Reveal(file) {
      const maskLengthIndicatorLength = 4;

      function BytesToInt(bytes) {
        // 小端序
        return bytes[0] | (bytes[1] << 8) | (bytes[2] << 16) | (bytes[3] << 24);
      }

      function ReverseByteArray(arr) {
        return Array.from(arr).reverse();
      }

      async function readSlice(start, length) {
        return new Uint8Array(await file.slice(start, start + length).arrayBuffer());
      }

      async function RevealBigFile() {
        const fileSize = file.size;
        // 1. 读取末尾4字节，获取maskHeadLength
        const maskLengthBytes = await readSlice(fileSize - maskLengthIndicatorLength, maskLengthIndicatorLength);
        const maskHeadLength = BytesToInt(maskLengthBytes);

        let originalHeadBytes;
        let originalHeadStart, originalHeadLen;
        if (maskHeadLength <= (fileSize - maskLengthIndicatorLength - maskHeadLength)) {
          // 正常情况
          originalHeadStart = fileSize - maskLengthIndicatorLength - maskHeadLength;
          originalHeadLen = maskHeadLength;
        } else {
          // 异常情况
          originalHeadStart = maskHeadLength;
          originalHeadLen = fileSize - maskLengthIndicatorLength - maskHeadLength;
        }
        // 2. 读取originalHead
        originalHeadBytes = await readSlice(originalHeadStart, originalHeadLen);
        const reversedHead = new Uint8Array(ReverseByteArray(originalHeadBytes));
        // 3. 生成Blob分片（首部+中间体+尾部），避免内存溢出
        const truncatedLength = fileSize - maskHeadLength - maskLengthIndicatorLength;

        // 头部：reversedHead
        // 剩余部分：truncatedLength - reversedHead.length
        const chunkSize = 32 * 1024 * 1024; // 32MB per chunk
        let blobs = [];
        blobs.push(new Blob([reversedHead]));
        let offset = reversedHead.length;
        while (offset < truncatedLength) {
          const size = Math.min(chunkSize, truncatedLength - offset);
          // 跳过已被reversedHead覆盖的区块
          const chunk = file.slice(offset, offset + size);
          blobs.push(chunk);
          offset += size;
        }
        return new Blob(blobs, { type: file.type || "application/octet-stream" });
      }
      try {
        return await RevealBigFile();
      } catch {
        return null;
      }
    }

    // 下载文件的工具函数
    function downloadBlob(blob, fileName) {
      const url = URL.createObjectURL(blob);
      const a = document.createElement('a');
      a.style.display = 'none';
      a.href = url;
      let newName = fileName.replace(/(\.fake|\.伪装|\.mp4)$/i, '') || (fileName + '_revealed');
      if (newName === fileName) newName += '_revealed';
      a.download = newName;
      document.body.appendChild(a);
      a.click();
      setTimeout(() => {
        document.body.removeChild(a);
        URL.revokeObjectURL(url);
      }, 200);
    }

    // 拖拽区域处理
    const dropArea = document.getElementById('drop-area');
    dropArea.addEventListener('dragover', e => {
      e.preventDefault();
      dropArea.classList.add('dragover');
    });
    dropArea.addEventListener('dragleave', e => {
      dropArea.classList.remove('dragover');
    });
    dropArea.addEventListener('drop', async e => {
      e.preventDefault();
      dropArea.classList.remove('dragover');
      const file = e.dataTransfer.files && e.dataTransfer.files[0];
      if (!file) return alert('未检测到文件！');
      dropArea.innerHTML = '正在处理文件，请稍候...';
      const blob = await Reveal(file);
      if (blob) {
        downloadBlob(blob, file.name);
        dropArea.innerHTML = '<div>处理完成，文件已自动下载！<br>可继续拖入新文件</div><div id="hint">(本页面可反复使用)</div>';
      } else {
        dropArea.innerHTML = '<div>还原失败，可能文件格式错误！</div><div id="hint">(请检查文件是否为正确的伪装格式)</div>';
      }
    });

    // 兼容点击选择文件方式
    dropArea.addEventListener('click', () => {
      document.getElementById('fileInput').click();
    });
    document.getElementById('fileInput').addEventListener('change', async function () {
      const file = this.files[0];
      if (!file) return;
      dropArea.innerHTML = '正在处理文件，请稍候...';
      const blob = await Reveal(file);
      if (blob) {
        downloadBlob(blob, file.name);
        dropArea.innerHTML = '<div>处理完成，文件已自动下载！<br>可继续拖入新文件</div><div id="hint">(本页面可反复使用)</div>';
      } else {
        dropArea.innerHTML = '<div>还原失败，可能文件格式错误！</div><div id="hint">(请检查文件是否为正确的伪装格式)</div>';
      }
      this.value = '';
    });
  </script>
</body>
</html>

建议为解密添加web版本 #12

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions