https://www.breakthru.pk/assets/js/jquery.custom-file-input.js

1/*
2	By Osvaldas Valutis, www.osvaldas.info
3	Available for use under the MIT License
4*/
5
6'use strict';
7
8;( function( $, window, document, undefined )
9{
10	$( '.upload-resume' ).each( function()
11	{
12		var $input	 = $( this ),
13			$label	 = $input.next( 'label' ),
14			labelVal = $label.html();
15
16		$input.on( 'change', function( e )
17		{
18			var fileName = '';
19
20			if( this.files && this.files.length > 1 )
21				fileName = ( this.getAttribute( 'data-multiple-caption' ) || '' ).replace( '{count}', this.files.length );
22			else if( e.target.value )
23				fileName = e.target.value.split( '\\' ).pop();
24
25			if( fileName )
26				$label.find( 'span' ).html( fileName );
27			else
28				$label.html( labelVal );
29		});
30
31		// Firefox bug fix
32		$input
33		.on( 'focus', function(){ $input.addClass( 'has-focus' ); })
34		.on( 'blur', function(){ $input.removeClass( 'has-focus' ); });
35	});
36})( jQuery, window, document );