在表单提交之前验证多个文件的文件名

Question

我有一个用户可以上传文件的表单。我需要程序来检查文件是否是 PRN，如果是，它是否在文件名中包含正确的案卷编号和日期。问题是用户可以一次上传多个文件。我已经编写了一个 JavaScript 函数来在用户继续之前检查文件名，但是如何在 JavaScript 中处理多个文件？我已经编写了检查文件名的函数，但是不知道如何从这里开始处理多个文件。我对 JavaScript 相当陌生。function checkFilenames(val) {        let filepath = val.value;        let n = filepath.lastIndexOf('\\');        let filename = filepath.substring(n + 1);        let d;        if (filename.contains('.prn') || filename.contains('.PRN')) {            let docketnum = <?php echo $job['docketno']; ?>;            d = new Date(<?php echo $job['hearing']; ?>*1000).toString();            let test = d.split(' ');            let month = test[1];            let monthsArray = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];            let numMonth;            for (let i = 0; i < 12; i++) {                if (monthsArray[i] == month) {                    numMonth = (i + 1).toString();                    if (numMonth.length < 2) {                        numMonth = '0' + numMonth;                    }                }            }            let day = test[2].toString();            if (day.length < 2) {                day = '0' + day;            }            let year = test[3];            let dateToCheck = numMonth + '-' + day + '-' + year;            if (!(filename.contains(dateToCheck) && filename.contains(docketnum))) {                alert('Please check the file');             }        }    }当我使用 alert 或 console.log 检查文件名时，它只显示第一个文件。有没有解决的办法？调用PHP函数会更好吗？

Answer 1

我认为你最好在这里使用 DOM File API。它允许您访问用户当前在<input type="file">字段中选择的文件。

该files字段的属性是一个 FileList，您可以像数组一样循环。File此列表中的各个对象提供对文件名称、大小和类型的直接访问。（使用 FileReader 也可以读取实际的文件内容，但这超出了您在此处需要的范围。）

有关如何使用它的更多信息，例如 MDN，https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications