FileInput

An enhanced HTML 5 file input with file preview for various files, offers multiple selection, and more.

https://plugins.krajee.com/file-input (opens new window)

Loading

To use Bootstrap-fileinput on your page you can use the loading view boilerplate::load.fileinput (opens new window)

@include('boilerplate::load.fileinput')

Usage

See examples on https://plugins.krajee.com/file-input/demo (opens new window)

@section('content')
    <div class="file-loading"> 
        <input id="files" name="files[]" type="file" multiple>
    </div>
@endsection

@include('boilerplate::load.fileinput')

@push('js') 
<script>
    $(document).ready(function() {
        $("#files").fileinput({
            showUpload: false,
            dropZoneEnabled: false,
            maxFileCount: 10,
        });
    });
</script>
@endpush