I have a simple file input with some hacks
to make the input better. The file input looks like this:
<div class="form-group">
<label class="btn btn-primary">
<i class="fa fa-image"></i> Insert Images<input type="file"style="display: none;" name="image" accept="image/jpeg,image/png, image/bmp, image/svg" multiple="multiple">
</label>
</div>
Then, I have a bootstrap-card
beneath it where the preview is shown.
<div class="card" style="width: 18rem;">
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
</div>
</div>
<div>
The file input accepts multiple files and I am thinking of bootstrap-carousel
to provide the preview of the files. So, is there a clean way and not a hack
to do it?
And as a note, I am working on Laravel and there may be some Laravel helper methods that may help. Is there any?