JSFiddle - React, Tailwind, and code Playground

by stecb

HTML

<div class="file-upload-img">
    <input type="file" />
    <img src="http://images.nationalgeographic.com/wpf/media-live/photos/000/006/cache/mountain-goat_635_600x450.jpg" />
</div>

CSS

.file-upload-img{
    width:200px;
    height:100px;
}
.file-upload-img img{
    width:100%;
    height:100%;
}
input[type="file"]{
    opacity:0;
    filter:alpha(opacity=0);
    display:block;
    width:200px;
    height:100px;
    position:absolute;
    cursor:pointer;
}