Impedire il caricamento dei file

Question

io ho <input type="file" onchange="isValidFile(this.value)" />.

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

Quando si carica un file l'etichetta di <input type="file" /> Modifica nel nome file, questo mostra che il file viene caricato/selezionato, voglio se il file ha un'estensione sbagliata per non caricarlo e lasciare l'etichetta vuota. Ho provato a modificare il valore ma leggo qui che non è possibile per motivi di sicurezza.

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>

Prova questo

Answer 2

Perché non usi il plug -in di convalida dell'interfaccia utente jQuery per convalidare il file del tipo di input?

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

Si prega di controllare l'URL per ulteriori informazioni.