In jQuery possiamo validare le estensioni dei file scelti per l'upload.
La soluzione è la seguente:
$( ".image-file" ).each(function() {
var $input = $( this );
$input.on( "change", function() {
var elem = $input[0];
var file = elem.files[0];
if( !/(\.jpe?g|\.png|\.bmp|\.gif)$/i.test( file.name ) ) {
// Errore
}
});
});
Ovviamente la vera validazione avrà luogo sul server e si baserà sul tipo MIME del file e non sull'estensione.