Sat, July 24, 2021
 
https://devcodepro.comdevcodepro
X
Home · Latest · Trends
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: 1690  / 1 year ago, tue, jun 23, 20, 05:42:06
More From » HTML, XML
 

Comments

There are no comments for this Snippet yet
Only authorized users can post. Please sign in first, or register a free account
 
Share
Posted
Ronald
Member since Sep 6, 2016
Total Code Snippets: 23
Total Comments: 2
Location: New Britain, Connecticut
Ronald snippets
5 years ago, tue, sep 6, 16, 10:11:38
comments: 0 / hits: 2487
PHP
5 years ago, tue, sep 6, 16, 10:18:23
comments: 0 / hits: 2345
PHP
5 years ago, tue, sep 6, 16, 10:42:24
comments: 0 / hits: 2678
PHP
5 years ago, fri, sep 16, 16, 1:10:12
comments: 0 / hits: 3035
PHP
5 years ago, fri, sep 16, 16, 1:12:32
comments: 0 / hits: 2088
CSS
5 years ago, fri, sep 16, 16, 1:27:33
comments: 0 / hits: 3136
PHP
5 years ago, sun, sep 25, 16, 2:52:42
comments: 1 / hits: 2489
5 years ago, thu, nov 10, 16, 4:21:59
comments: 1 / hits: 2619
PHP
5 years ago, mon, nov 21, 16, 10:48:23
comments: 2 / hits: 8692
PHP