Basta con que definas los tipos de imagen que deseas que se suban, detectes el del archivo seleccionado y los compares.
Código Javascript
:
Ver originalvar archivo = document.getElementById("archivo"), //El input de tipo 'file'
tiposAceptados = /(jpeg|png|gif)/, //Los tipos de imagen a aceptar
tipoArchivo; //Aquí se almacenará el tipo del archivo seleccionado
archivo.addEventListener("change", function(){
tipoArchivo = this.files[0].type.split("/")[1]; //Obtienes el tipo de archivo
console.log(tiposAceptados.test(tipoArchivo) ? "Correcto" : "Incorrecto");
}, false);
Con el método
test, haces la búsqueda del tipo del archivo seleccionado entre el grupo de tipos a admitir.
Saludos