Copy-paste the stylesheet <link> into your <head> to load the CSS.
<link rel="stylesheet" href="../node_modules/bootstrap-fileinput/fileinput.min.css">
Copy-paste the following <script> near the end of your pages under JS Implementing Plugins to enable it.
<script src="../node_modules/bootstrap-fileinput/js/fileinput.min.js">
Copy-paste the init function under JS Plugins Init., before the closing </body> tag, to enable it.
<script>
// Initialization
$("#input-id").fileinput();
</script>
<div class="file-input-design-one">
<div class="file-loading">
<input id="multipleImg" name="kartik-input-711[]" type="file" multiple>
</div>
</div>
<script>
$(document).ready(function() {
$("#multipleImg").fileinput({
uploadUrl: "/file-upload-single/1",
maxFileCount: 6,
showBrowse: false,
browseOnZoneClick: true,
showUpload: false,
showRemove : false,
});
});
</script>
<div class="file-input-design-two">
<div class="file-loading">
<input id="single" name="kartik-input-711[]" type="file">
</div>
</div>
<script>
$(document).ready(function() {
$("#single").fileinput({
uploadUrl: "/file-upload-single/1",
maxFileCount: 1,
showBrowse: false,
browseOnZoneClick: true,
showUpload: false,
showRemove : false,
});
});
</script>