Javascript 防止文件加载

Javascript 防止文件加载,javascript,input-type-file,Javascript,Input Type File,我有 加载文件时,的标签更改为文件名,这表明文件已加载/选中,如果文件扩展名错误,我希望不要加载该文件,并将标签留空。我试图更改该值,但读到出于安全原因,这是不可能的。为什么不使用jquery ui验证插件来验证输入类型文件 有关详细信息,请查看url。 <form name="abc"> <input type="file" onchange="isValidFile(this.value)"/> </form> <script>

我有


加载文件时,
的标签更改为文件名,这表明文件已加载/选中,如果文件扩展名错误,我希望不要加载该文件,并将标签留空。我试图更改该值,但读到出于安全原因,这是不可能的。

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

有关详细信息,请查看url。


<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>
函数isValidFile(文件名){ if(getExtension(filename)!=“jpg”){ document.forms['abc'].reset(); 警报(“无效图像”); } } 函数getExtension(文件名){ 返回filename.substring(filename.lastIndexOf('.')+1); }

试试这个

是的,我认为jquery可以帮助解决他的问题。我的问题不是验证。然后,您应该首先将所有表单值保存在对象数组中,然后重置表单,然后将值重新分配给输入字段(文件字段除外)。
<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>