预览上传的文件

Question

我有一个简单的文件输入，其中包含一些hacks，以使输入效果更好。文件输入如下所示：

<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>

然后，我下面有一个bootstrap-card，其中显示了预览。

<div class="card" style="width: 18rem;">
   <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
       <div class="carousel-inner">

       </div>
   </div>
<div>

文件输入接受多个文件，我正在考虑bootstrap-carousel提供文件的预览。那么，有没有一种干净的方法而不是hack来做到这一点？

  

请注意，我正在研究Laravel，可能有一些Laravel辅助方法可能会有所帮助。有吗？