防止文件加载

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/

请检查URL以获取更多信息。