BasiC2k
@BasiC2k
.NET developer (open to job offers)

Почему не отображается имя выбранного файла input?

Помогите пожалуйста разобраться.
Использую bootstrap 4.5
Использую код ниже для выбора файла. Пример взял из документации.
Проблема в том, что после выбора не отображается имя выбранного файла.
Что я делаю не так?

<!DOCTYPE html>
<html lang="en">

<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
</head>

<body>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>

<div class="input-group mb-3" style="width:40%">
  <div class="input-group-prepend">
    <button class="btn btn-outline-secondary" type="button" id="inputGroupFileAddon03">Button</button>
  </div>
  <div class="custom-file">
    <input type="file" class="custom-file-input" id="inputGroupFile03" aria-describedby="inputGroupFileAddon03">
    <label class="custom-file-label" for="inputGroupFile03">Choose file</label>
  </div>
</div>

</body>
</html>
  • Вопрос задан
  • 336 просмотров
Пригласить эксперта
Ответы на вопрос 2
Fortoo
@Fortoo
Top-Web OpenCart
Может просто добавить чёрный цвет текста?
<input type="file" multiple="" class="custom-file-input" id="fileInput" style="color: #000;">
Ответ написан
Комментировать
BasiC2k
@BasiC2k Автор вопроса
.NET developer (open to job offers)
Решил проблему добавлением:

<script src="https://getbootstrap.com/docs/4.5/assets/js/docs.min.js"></script>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы