JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file"  id="lol" multiple/>
<div id="kek"></div>

CSS

.obj{
    width:60px;
    height:120px
}
#lol{
    border:1px solid black
}

JavaScript

function handleFiles() {
    var files=document.getElementById("lol").files;
  for (var i = 0; i < files.length; i++) {
    var file = files[i];
    var imageType = /image.*/;
    
    if (!file.type.match(imageType)) {
      continue;
    }
    
    var img = document.createElement("img");
    img.classList.add("obj");
    img.file = file;
      var preview=document.getElementById("kek");
    preview.appendChild(img); // Assuming that "preview" is a the div output where the content will be displayed.
    
    var reader = new FileReader();
      reader.onload = (function(x){
          return function(e){x.src=e.target.result}
      })(img);
      
      
    reader.readAsDataURL(file);
  }
}

document.getElementById("lol").addEventListener("change",handleFiles,false)