输入文件多重验证Javacript

Question

可以在多个输入文件中验证一个文件之一是类型word（.doc，.docx）和类型pdf（.pdf）的另一个文件？

Answer 1

我有一个创建的a working codepen ，该向您显示一个javascript代码文件上传输入，并检查其文件扩展名是在PDF，DOC还是DOCX中。

尽管正如其他人在评论中提到的那样，在客户端检查文件格式是不安全的，您应该在服务器端进行仔细检查。

下面的摘要

function testFiles(){
        var fileInput = document.getElementById('upload');   
        // iterate over files
        for (let i = 0; i < fileInput.files.length; i++) {
            var filename = fileInput.files[i].name
            // get file extension
            var file_extension = filename.split('.').pop()
            if(file_extension == "pdf" 
               || file_extension == "doc"
               || file_extension == "docx"){
              alert(filename + ' is a .pdf, .doc or .docx file')
            }                 
            else alert(filename + ' is not an authorized file')
        }
}

 <input id="upload" type="file" onchange="testFiles()" multiple>