使用Javascript或Jquery在HTML中进行文件验证

我有一个只接受pdf文件的文件控件。我想验证只接受pdf文件的文件，以及如果选择了另一个文件，则使用相同的名称和id在div标记中重新创建文件控件

验证必须是javascript或jquery

 ...
 <div>
        <input type="file" name="file" id="file1" />
 </div>
 ...

。。。
...

试试这个：

$("#file1").change(function() {

    var val = $(this).val();

    switch(val.substring(val.lastIndexOf('.') + 1).toLowerCase()){
        case 'pdf':
            alert("Correct type");
            //your code
            break;
        default:
            // error message here
            alert("not a PDF file");
            //yourcode
            break;
    }
});

试试这个

<input name="file" type="file" accept="application/pdf" />

我尝试使用javascript验证文件，但无法做到。您可以使用jqueryvalidate插件来验证。在它很简单之前就用过了。这只检查扩展名，而不检查filetype@rikpg检查扩展是更好的解决方案验证。在Jquery中没有其他方法可以检查文件类型。OP可以使用文件API在客户端执行某些操作，请检查以下内容：您的文件验证是正确的..但当我选择除pdf以外的文件..则不会在div中创建文件控件。@AmitMaru如果您选择除pdf以外的文件，则它们

不是pdf文件
警报。在这里，你必须编写代码来创建新的文件控件，它不会自动创建。根据你的建议…你可以在文件对话框打开时更改文件类型。我认为没有办法在客户端进行验证。您只能通过分机进行检查。