Validering af billed-upload felt

jeg kan erstatte  fil.focus();fil.select();  med location.reload();  men så ryger indholdet i de øvrige felter også - der må være noget smartere.

"men den valgte sti til den forkerte fil bliver stadig stående" - hvad skulle der ellers ske? Jeg synes ikke jeg ser, der burde ske andet i koden.

Og pga. sikkerhed kan du ikke ændre value på feltet med JavaScript i Internet Explorer, dvs. du kan ikke rydde feltet.

Men hvis du bruger:

<script language="javascript">
function validerFil(fil){
    reg = /\.jp[e]?g$/gi;
    if(!fil.value.match(reg)){
        alert('Kun billeder af typen JPG/JPEG kan anvendes.\nVælg venligst et sådant.\n                  ');
        fil.focus();
        fil.select();
        fil.value="";
        return false;
    }else return true;
}
</script>

<input type="file" name="billede" onchange="validerFil(this)">

bliver feltet nulstillet i bl.a. FireFox og forskellige andre browsere.

Bemærk også at jeg har skrevet "input" med små bogstaver, så du vil have lettere ved at skifte til XHTML 2.0, når det udkommer. Dér skal tags nemlig være med små bogstaver.

Men det kan åbenbart lade sig gøre, hvis man fjerner feltet og indsætter det igen. =)

Gør sådan her:

<script language="javascript">
function validerFil(fil){
    reg = /\.jp[e]?g$/gi;
    if(!fil.value.match(reg)){
        alert('Kun billeder af typen JPG/JPEG kan anvendes.\nVælg venligst et sådant.\n                  ');
        var fil2=fil.cloneNode(false);
        fil.parentNode.insertBefore(fil2,fil);
        fil.parentNode.removeChild(fil);
        fil2.focus();
        return false;
    }else return true;
}
</script>

<input type="file" name="billede" onchange="validerFil(this)">

Mange 1000 tak

kender du også en kodesnas, der kunne forhindre upload af filer på mere end 100KB?
Eller skal jeg stadig anvende kode på serversiden??

Det kan ikke gøres med JavaScript, så ja, du skal ud i noget ServerSide.

(Husk også på, at al JavaScript kan omgåes, så hvis du ikke tester ServerSide, kan man sagtens uploade andet end JPG-filer - det er lige meget, hvad du tester på med JavaScript, det kan bare slåes fra.)

Og tak for point! :)