uplod.js

let fileInput=document.getElementById("file-input");
let imageContainer=document.getElementById("images");
let numofFiles=document.getElementById("num-of-files");
 
 function preview() 
 {
      imageContainer.innerHTML="";
      numofFiles.textContent=`${fileInput.files.length}  
      Files Selected`; 

      for(i of fileInput.files)
      {
      	let reader = new FileReader();
      	let figure =document.createElement("figure");
      	let figCap =document.createElement("figcaption");

      	figCap.innerText =i.name;
      	figure.appendChild(figCap);
      	reader.onload=()=>{
      		let img =document.createElement("img");
      		img.setAttribute("src",reader.result);
      		figure.insertBefore(img,figCap);

      	}
      	imageContainer.appendChild(figure);
      	reader.readAsDataURL(i)

      } 
 }