JSFiddle - React, Tailwind, and code Playground

HTML

<form method="POST" action="http://localhost:8000/upload" accept-charset="UTF-8" id="upload-image" enctype="multipart/form-data">
    <div id="browse" class="btn btn-primary btn-lg btn-block"> <span class="glyphicon glyphicon-picture"></span> Select pictures</div>
    <input multiple="multiple" id="multiple-files" accept="image/*" name="file[]" type="file">
    <div id="files"></div>
    <div style="display: none;" class="row" id="form-buttons">
        <div class="col-xs-6">
            <input class="btn btn-warning btn-lg btn-block" id="reset" value="Reset" type="reset">
        </div>
        <div class="col-xs-6">
            <input class="btn btn-success btn-lg btn-block" value="Upload" type="submit">
        </div>
    </div>
</form>

JavaScript

$('#multiple-files').on('change', function (e) {
    $.each(e.target.files, function(_, file) {
        var reader = new FileReader();
        
        reader.onload = function (ev) {
            var img = $('<img />', {src : ev.target.result});
            $('#files').append(img);
        }

        reader.readAsDataURL(file);
    });
});