jQuery: validare le estensioni dei file scelti per l'upload

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.