0

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?

0 Answers0