JSFiddle - React, Tailwind, and code Playground

by dont_panic

HTML

<span class="btn btn-default btn-file">
    Browse <input type="file" name="uploadFile" id="uploadFile" multiple="multiple"/>
</span>

<div class="gallery"></div>

CSS

img {
    border: 1px solid black;
}

JavaScript

var preview = document.querySelector('.gallery'),
    image    = new Image(),
    info     = document.createElement("div");

image.width  = 150;
image.height = 150;
image.title  = 'Foo Title';
image.src    = 'https://via.placeholder.com/150';

info.appendChild(document.createTextNode(image.title));
info.appendChild(document.createElement("br"));
info.appendChild(document.createTextNode(image.width + ' x ' + image.height + 'px'));

preview.appendChild(image);
preview.appendChild(info);