El problema de validar por el php, es que se tendrá que subir la imagen i el error lo tirará una vez cargada (alto tiempo de carga). Por el php hay que validar siempre, ya que el javascript es mas facil de manipular i evitar por un usuario, pero con este script puedes validar previamente por javascpirt, de manera que no hará falta cargar la imagen!! (de todas maneras, deja la validación php tal como indiqué antes...). Bueno, dejo un script que tube que hacer hace tiempo y te irá perfectamente para lo que quieres hacer. Está en catalan, pero no creo que les sea dificil traducirlo, espero que os sirve ;)
Código PHP:
<script type="text/javascript">
<!--
function validar()
{
var imatge = new String(document.getElementById("imatge").value);
var punt = imatge.lastIndexOf('.')+1;
if(imatge == "")
{
alert("Primer has de seleccionar una imatge del teu ordinador.");
}
else if(imatge.substr(punt,3) != "jpg" && imatge.substr(punt,3) != "gif" && imatge.substr(punt,3) != "png" && imatge.substr(punt,3) != "JPG" && imatge.substr(punt,3) != "GIF" && imatge.substr(punt,3) != "PNG")
{
alert("Només s'accepten els formats: .jpg, .gif i .png");
}
else
{
document.getElementById("enviar").disabled = true;
document.getElementById("carrega").innerHTML = " Espera, s'està carregant la imatge...";
document.foto.submit();
}
}
// -->
</script>
Recuerda que debes indicar los ids a los elementos correspondientes del HTML i ejecutar la funcion en el onsubmit del la etiqueta <form> (me parece que también te harà falta poner return false; despues). Si tienes alguna duda para implementarlo pregunta. Espero que te sea útil!! Saludooos ;)