Prevent file loading

Question

I have <input type="file" onchange="isValidFile(this.value)" />.

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

When you load a file the label of <input type="file" /> change to filename, this show that file is loaded/selected, I want if the file have wrong extension to not load it and leave the label blank. I tried to change the value but read here that its not possible for security reasons.

Vicky Gonsalves · Accepted Answer · 2013-11-08T07:23:37.573

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>

Try this

edited Nov 08 '13 at 07:23

answered Nov 08 '13 at 07:14

Vicky Gonsalves

11,593
2
37
58

score -1 · Answer 2 · answered Nov 08 '13 at 07:11

-1

Why don't you use jquery ui validation plugin for validating the input type file?

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

please check the url for more information.

answered Nov 08 '13 at 07:11

Adesh Pandey

769
1
9
22

ya, I think jquery could help his problem – Oki Erie Rinaldi Nov 08 '13 at 07:12
my problem is not validation – biox Nov 08 '13 at 07:19
then you should first save all the form values in an object array then reset your form and after then reassign values to the input fields except file field. – Adesh Pandey Nov 16 '13 at 12:54

Prevent file loading

2 Answers2