Начальная загрузка 5 — Метка ввода файла доступа (где отображается имя файла)

#javascript #file #input #filenames

Вопрос:

Я ищу способ в javascript получить доступ к тому, где отображается имя файла поля типа загрузки, с помощью начальной загрузки 5 : https://getbootstrap.com/docs/5.0/forms/form-control/#file-input

В настоящее время рендеринг выглядит следующим образом:

 <div>
  <label for="formFileLg" class="form-label">Large file input example</label>
  <input class="form-control form-control-lg" id="formFileLg" type="file">
</div>
 

И я не понимаю, как я мог вручную изменить «Файл не выбран» на что-то динамическое в javascript (ну, у меня уже есть код для определения того, что я хочу отобразить, но нет возможности получить к нему доступ).

Ответ №1:

 In jQuery:

<div>
  <label for="formFileLg" class="form-label">Large file input example</label>
  <input class="form-control form-control-lg" id="formFileLg" type="text" Placeholder="Click toupload file">

  <input style="display:none" id="uploadform" type="file">
</div>
 
 $('#formFileLg').click(function() {
  $('#uploadform').trigger('click');
});
 

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