Impedir o carregamento de arquivos

Question

Eu tenho <input type="file" onchange="isValidFile(this.value)" />.

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

Quando você carrega um arquivo, o rótulo de <input type="file" /> Alterar para o nome do arquivo, isso mostra que o arquivo é carregado/selecionado, eu quero se o arquivo tiver uma extensão errada para não carregá -lo e deixar o rótulo em branco. Eu tentei mudar o valor, mas leia aqui que não é possível por razões de segurança.

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>

Tente isso

Answer 2

Por que você não usa o plugin de validação da interface do usuário do jQuery para validar o arquivo de tipo de entrada?

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

Por favor, verifique o URL para obter mais informações.