jQuery: mostrare il nome del file scelto per l'upload

Con jQuery possiamo mostrare il nome del file scelto per l'upload.

La soluzione è la seguente:

(function( $ ) {
    $.fileInputs = function() {
        if( $( ":file" ).length ) {
            $( ":file" ).each(function() {
                var $input = $( this );
                $input.after( '<span class="filename"></span>' );
                $input.on( "change", function() {
                    var file = this.files[0];
                    $input.next().text( file.name );
                });
            });
        }
    };
})( jQuery );