Bootstrap File Input не показывает имя файла после выбора файла

Я застрял с небольшой проблемой, я использую bootstrap в одном из моих HTML-шаблонов. Вот ссылка этой страницы (http://demo.graygrids.com/themes/classix/post-ads.html). Вы можете открыть страницу и перейти в раздел «CLASSIFIED PICTURE». В разделе Похоже, этот скриншот http://prntscr.com/cvu8nn Bootstrap File Input не показывает имя файла после выбора файла

Проблема заключается в том, когда я нажимаю кнопку BROWSE и выберите файл я хочу, чтобы загрузить, я не показывает имя файла после выбора файла. Я хочу просмотреть имя файла в поле после выбора файла. Этот снимок экрана поможет вам разобраться http://prntscr.com/cvuabs

Заранее благодарен! Скажите, пожалуйста, как я могу это достичь.

источник

2016-10-18 amnkhan

Вы должны использовать jQuery для отображения имени файла, поскольку имя файла будет привязываться при нажатии кнопки обзора. См. Приведенный ниже код и внесите изменения:

<div tabindex="-1" class="form-control file-caption"> 
    <div style="width: 239px;" class="file-caption-name" id="divFileName"></div> 
</div> 



<div class="btn btn-primary btn-file"> 
    <i class="glyphicon glyphicon-folder-open"></i> &nbsp;Browse … 
    <input id="input-upload-img1" class="file" data-preview-file-type="text" type="file" onchange="setfilename(this.value);> 
</div> 


<script> 
    function setfilename(val) 
    { 
    var fileName = val().split('\\').pop(); 
    $('#divFileName').html(fileName); 
    } 
</script>

источник

2016-10-19 04:46:45

Я видел ваш код и использовал его, но он все еще не работает! – amnkhan

Да, я видел, как это сделать только в

Bootstrap File Input не показывает имя файла после выбора файла

ответ

Смежные вопросы