#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
в свое желание, присвоить ему идентификатор и использовать его в качестве базового элемента для клика по загрузке