javascript - 防止文件加载

Question

我有<input type="file" onchange="isValidFile(this.value)" />。

function isValidFile(filename)
{
     if (getExtension(filename)!=srt)
     {
          //Don't load the file
     }
}

当您加载文件时<input type="file" />更改文件名的标签，这表明文件已加载/选择，如果文件的扩展名错误，我希望不加载它并将标签留空。我试图更改该值，但在此处阅读，出于安全原因，这是不可能的。

Answer 1

<form name="abc">
    <input type="file" onchange="isValidFile(this.value)"/>
</form>

<script>
    function isValidFile(filename) {
        if (getExtension(filename) != 'jpg') {
            document.forms['abc'].reset();
            alert("invalid Image");
        }
    }
    function getExtension(filename) {
        return filename.substring(filename.lastIndexOf('.') + 1);
    }
</script>

尝试这个

Answer 2

为什么不使用 jquery ui 验证插件来验证输入类型文件？

http://jqueryvalidation.org/accept-method/

请检查网址以获取更多信息。