Tue, October 27, 2020, 20:19:29
 
Home · Latest · Trends  /  HTML, XML
8

Bootstrap 4 custom file input size

Bootstrap file upload button css
<div class="custom-file form-control-sm mt-3 mb-3">
<input type="file" id="file" name="image" class="custom-file-input" />
<label class="custom-file-label">Select Image</label>
<script>
$('#file').on('change',function(){
var fileName = $(this).val();
$(this).next('.custom-file-label').html(fileName);
});
</script>
</div>
<! –– form-control-sm or form-control-lg...  ––>
rated 8 times [  8] [ 0]  / comments: 0 / hits: 370  / 5 months ago, tue, jun 23, 2020, 17:42:06
More From » HTML, XML
 

Comments

There are no comments for this Snippet yet
Username
 
Your Comment
 
Share
Snippets
Using bind variables with ADODB
4 years ago, tue, sep 6, 2016
This module provides HTML and CLI interfaces for viewing key performance indicators of your database.
4 years ago, tue, sep 6, 2016
How to check if mail function is enabled on your server
4 years ago, tue, sep 6, 2016
Compare dates in smarty template file
4 years ago, fri, sep 16, 2016
Change default chrome input style CSS
4 years ago, fri, sep 16, 2016
Get domain name without Tld with PHP
4 years ago, fri, sep 16, 2016
Validating international phone numbers with jquery
4 years ago, sun, sep 25, 2016
Smarty Remove BBCode From String
4 years ago, thu, nov 10, 2016
How to detect if uploaded file is image or not with php
4 years ago, mon, nov 21, 2016
How to check CKEditor 4 textarea not empty
4 years ago, sun, dec 25, 2016
Posted
Ronald

Ronald

Member since Sep 6, 2016
Total Code Snippets: 22
Total Comments: 1
Location: n/a
Following
User not following anyone yet.