Validar extensão de imagem

Boa noite minha gente, tudo bem com vocês? Eu estou fazendo um formulário simples que carrega uma imagem, um título e um texto. Queria que quando a imagem fosse carregada uma função JavaScript validasse sua extensão, só permitindo.jpg,.jpeg,.gif,.bmp e.png e só liberasse o botão Cadastrar quando uma dessas 5 opções fossem escolhidas (ou não, só exibindo que a extensão não está correta e não permitir o carregamento já está ótimo). Tenho esse código abaixo (que peguei na internet), mas não sei como chamá-lo, uma vez que eu tenho duas etapas: 1) Clicar no botão Browse - pra escolher a imagem. 2) Escolher a imagem e clicar em Abrir.

 Com onclick no <input type="file"> não deu... Enfim, se alguém puder me ajudar, eu ficarei muito agradecido. Um grande abraço a todos.

if (document.getElementById('file').value == "") {

 formfotos.botao.disabled = true. formfotos.botao.value = 'Selecione a foto'. }else { caminho = document.getElementById('file').value. var extensao. extensao = caminho.split("/"). extensao = extensao[ (extensao.length-1) ].split("."). extensao = extensao[ (extensao.length-1) ]. if (extensao!= "jpg" && extensao!= "gif" && extensao!= "bmp") { formfotos.botao.disabled = true. formfotos.botao.value = 'Escolha a foto'. }else { formfotos.botao.disabled = false. formfotos.botao.value = 'Enviar foto'. } }