javascript - jQuery 检查文件扩展名在 IE 中不起作用

Question

我想上传一个文件，我想防止用户选择错误格式的文件。所以我正在使用 jQuery 脚本来验证文件扩展名。

这里是输入

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

这是 jQuery 脚本

if ($("#uploadCV").val().split(".")[1].toUpperCase() == "PDF") 
{
     return true;
}
else{
     return false;
}

这段代码在 Firefox 上工作得很好，但在 IE 上就不行了。这是因为在 IE 中，$("#uploadCV").val() 中的文件名不包含扩展名，例如它包含 \directory\filename 而不是\directory\filename.pdf.

有没有人遇到过这样的事情？有什么解决方法吗？

Answer 1

我已经用 IE9 测试过了，我现在没有 IE8 可以测试，此函数还考虑最后一个点，在您的解决方案中，如果文件名包含类似 this.is.a.pdf.pdf 的点，则扩展名将是错误的

看看这个 fiddle : http://jsfiddle.net/HN7Ww/1/

$('#sendMe').click(function() {
    var file = $("#uploadCV").val();
    if (file.substr(file.lastIndexOf('.') +1).toUpperCase() == "PDF") 
    {
         $('.result').html('valid');
    }
    else
    {
           $('.result').html('not valid');

    }
});

.

<input id="uploadCV" type="file" name="uploadCV" accept="application/pdf" />
<div class="result"></div>
<input type="button" id="sendMe" value="send" />

如果您需要任何进一步的帮助，请告诉我

问候简