Всем ривет,
Код с простым выбором файла

		<div class="col-8">
		    <input type="file" name="big_icon" id="big_icon" class="form-control editable_field " onchange="javascript:backendSettings.selectionChanged(this, 'commonSettings')">
		    <small class="form-text text-muted">Select big icon of site.</small>
		</div>

и при выборе файла с диска имя этого файла отображается в инпуте выбор


Немного более расширенная верстка

		<div class="col-8">
		
		    <div class="fileinput fileinput-new input-group" data-provides="fileinput">
		
		        <div class="form-control editable_field file_input" data-trigger="fileinput">
		            <i class="glyphicon glyphicon-file fileinput-exists"></i>
		            <span class="fileinput-filename"></span>
		        </div>
		        <span class="input-group-addon btn btn-default btn-file">
		        <span class="fileinput-new">Select file</span>
		        <span class="fileinput-exists">Change</span>
		            <input type="file" name="small_icon" id="small_icon" class="">
		        </span>
		        <a href="#" class="input-group-addon btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
		    </div>
		
		</div>

и тут такой фичи нет. Как сделать, чтобы при выборе файла с диска имя этого файла отображается в инпуте выбора?

Спасибо!