如何无需加载内容即可识别多文件输入中的相同File对象？

出于浏览器安全限制，前端无法直接获取文件的系统级唯一标识（如绝对路径、inode编号等），因此无法做到100%精准判断，但可以通过以下方案提升判断准确性，同时避免加载完整文件内容：

方案一：多属性组合校验 #

虽然单个元信息（name/lastModified/size/type）无法保证唯一性，但将这四个属性组合起来校验，能大幅降低误判概率。两个不同文件同时拥有这四个属性完全一致的概率极低，除非是刻意构造的重复文件。

示例代码：

function isSameFileByMeta(file1, file2) {
  return file1.name === file2.name &&
         file1.lastModified === file2.lastModified &&
         file1.size === file2.size &&
         file1.type === file2.type;
}

// 使用示例
const inputs = document.querySelectorAll('input[type="file"]');
if (inputs[0].files[0] && inputs[1].files[0]) {
  const isSame = isSameFileByMeta(inputs[0].files[0], inputs[1].files[0]);
  console.log(isSame ? '疑似同一文件' : '非同一文件');
}

方案二：读取极小片段生成哈希 #

如果允许读取极少量文件内容（远小于完整文件体积），可以提取文件的首尾固定长度片段生成哈希，这种方式几乎可以杜绝误判，同时内存和带宽消耗可忽略不计。

示例代码：

async function getFilePartialHash(file) {
  const chunkSize = 512; // 读取首尾各512字节
  // 读取开头片段
  const startBlob = file.slice(0, chunkSize);
  const startText = await startBlob.text();
  // 读取结尾片段
  const endBlob = file.slice(Math.max(0, file.size - chunkSize));
  const endText = await endBlob.text();
  
  // 生成SHA-256哈希
  const encoder = new TextEncoder();
  const data = encoder.encode(startText + endText);
  const hashBuffer = await crypto.subtle.digest('SHA-256', data);
  // 转换为十六进制字符串
  return Array.from(new Uint8Array(hashBuffer))
    .map(b => b.toString(16).padStart(2, '0'))
    .join('');
}

// 使用示例
const inputs = document.querySelectorAll('input[type="file"]');
if (inputs[0].files[0] && inputs[1].files[0]) {
  const hash1 = await getFilePartialHash(inputs[0].files[0]);
  const hash2 = await getFilePartialHash(inputs[1].files[0]);
  console.log(hash1 === hash2 ? '大概率为同一文件' : '非同一文件');
}

方案三：会话级文件追踪 #

在同一个浏览器会话内，用WeakMap记录已选择文件的标识（比如元信息组合或片段哈希），后续用户选择文件时直接匹配。这种方式仅适合同一会话内的重复选择判断，无法跨会话或浏览器生效。

局限性说明 #

没有任何前端方案能100%确保判断准确（因为浏览器不会暴露文件的系统级唯一标识），但上述方案足以覆盖绝大多数业务场景，在节省带宽和判断准确性之间取得平衡。

内容的提问来源于stack exchange，提问作者user877329