form 上传多个file文件判断文件是否重复

在HTML表单中，如果需要用户上传多个文件并检查其中是否有重复的文件，可以借助JavaScript来进行处理。下面是一个简单的步骤：

1. 获取用户选择的所有文件：当用户通过`<input type="file" multiple>`标签选择文件时，你可以获取到一个FileList对象。

let files = document.getElementById('fileInput').files;

2. 创建一个Set数据结构来存储文件路径：Set不允许有重复元素，所以可以用来检测文件是否已存在。

let filePaths = new Set();

3. 遍历文件列表，对每个文件检查其路径是否已在Set中：

for (let i = 0; i < files.length; i++) {
    let file = files[i];
    if (!filePaths.has(file.name)) { // 如果文件名不存在，则添加到Set中
        filePaths.add(file.name);
    } else {
        alert("文件 " + file.name + " 已经存在!"); // 如果文件名已存在，提示用户
    }
}

4. 提交表单前，可以只允许那些不在Set中（即不重复）的文件进行后续操作。

注意这只是一个基本的前端验证，实际应用中可能还需要后端进一步确认，因为用户可以在前端轻易修改提交的数据。此外，这个方法对于大文件或网络连接不稳定的情况可能不太适合，因为它会将所有文件名加载到内存中。