/Javascript/Bootstrap/Choose file bootstrap show filename

Choose file bootstrap show filename

Bootstrap input file

<div class="custom-file">
 <input type="file"  class="custom-file-input" id="inputGroupFile01">
<label class="custom-file-label" for="inputGroupFile01">Choose file</label>
</div>

Input file type bootstrap

<div class="mb-3">
  <label for="formFileSm" class="form-label">Small file input example</label>
  <input class="form-control form-control-sm" id="formFileSm" type="file">
</div>

Source: getbootstrap.com

Choose file bootstrap show filename

document.querySelector('.custom-file-input').addEventListener('change',function(e){
  var fileName = document.getElementById("myInput").files[0].name;
  var nextSibling = e.target.nextElementSibling
  nextSibling.innerText = fileName
})

Source: stackoverflow.com

Similar codes

0 vote164 views1 answer
Datatble tab bootstrap 4
Javascript Bootstrap
1 vote201 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript Bootstrap
0 vote177 views1 answer
React-bootstrap problem-import new version
Javascript Bootstrap
0 vote168 views1 answer
Why can't i move my react bootstrapmodal over to the left
Javascript Bootstrap
1 vote172 views1 answer
Bootstrap carousel click event next previous
Javascript Bootstrap
0 vote223 views1 answer
How to change tab color react bootstraps customixation
Javascript Bootstrap
0 vote160 views1 answer
Row smaller than the container bootstrap react
Javascript Bootstrap
0 vote187 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap
0 vote171 views1 answer
Bootstrap 4 form validator with jquery
Javascript Bootstrap
14 votes192 views4 answers
Text align left bootstrap
CSS Bootstrap