JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col">
    <input type="file" class="custom-file-input" name="arquivo" id="files" onchange="preview(this);">
    <div class="preview-img">
        <img class="preview_image" alt="" src="">
    </div>
</div>
<div class="col">
    <input type="file" class="custom-file-input" name="arquivo" id="files" onchange="preview(this);">
    <div class="preview-img">
        <img class="preview_image" alt="" src="">
    </div>
</div>
<div class="col">
    <input type="file" class="custom-file-input" name="arquivo" id="files" onchange="preview(this);">
    <div class="preview-img">
        <img class="preview_image" alt="" src="">
    </div>
</div>

CSS

.col {
    width: 120px;
    float:left;
    margin-right: 20px;
}
.custom-file-input {
    width: 120px;
}
.preview-img {
    background: #f8f8f8;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100px;
    height: 100px;
}

JavaScript

function preview(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $(input).closest('.col').find('img.preview_image')
                .attr('src', e.target.result)
                .width(100)
                .height(100)
        };
        reader.readAsDataURL(input.files[0]);
    }
}