Sat, January 23, 2021
 
https://devcodepro.comdevcodepro
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: 787  / 8 months 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: 22
Total Comments: 1
Location: New Britain, Connecticut
Ronald snippets
4 years ago, tue, sep 6, 16, 10:11:38
comments: 0 / hits: 2226
PHP
4 years ago, tue, sep 6, 16, 10:18:23
comments: 0 / hits: 2137
PHP
4 years ago, tue, sep 6, 16, 10:42:24
comments: 0 / hits: 2400
PHP
4 years ago, fri, sep 16, 16, 1:10:12
comments: 0 / hits: 2632
PHP
4 years ago, fri, sep 16, 16, 1:12:32
comments: 0 / hits: 1930
CSS
4 years ago, fri, sep 16, 16, 1:27:33
comments: 0 / hits: 2895
PHP
4 years ago, sun, sep 25, 16, 2:52:42
comments: 1 / hits: 2296
4 years ago, thu, nov 10, 16, 4:21:59
comments: 1 / hits: 2372
PHP
4 years ago, mon, nov 21, 16, 10:48:23
comments: 2 / hits: 6729
PHP