Блог

Главная - Вопросы по программированию - Ввод файла начальной загрузки не показывает имя файла после выбора файла

Ввод файла начальной загрузки не показывает имя файла после выбора файла

#html #twitter-bootstrap #file-io #html5-filesystem

#HTML #twitter-bootstrap #file-io #html5-файловая система

Вопрос:

Я столкнулся с небольшой проблемой, я использую bootstrap в одном из моих HTML-шаблонов. Вот ссылка на эту страницу ( http://demo.graygrids.com/themes/classix/post-ads.html ). Вы можете открыть страницу и перейти в раздел «КЛАССИФИЦИРОВАННОЕ ИЗОБРАЖЕНИЕ«. Раздел выглядит так, как показано на скриншоте http://prntscr.com/cvu8nn

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

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

Ответ №1:

Вы должны использовать 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> amp;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>

Комментарии:

1. я видел ваш код и использовал его, но он все еще не работает!

2. да я видела его всего сделать ниже изменения <Script>. var fileName = var fileName = val().split(‘\’).pop(); $(‘#divFileName’).html(fileName);