JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" />
<img src="blank.jpg" alt="" />
<p></p>

CSS

img {display:block;}

JavaScript

var loader = document.getElementsByTagName("input")[0],
	appercu = document.getElementsByTagName("img")[0],
	infos = document.getElementsByTagName("p")[0];

loader.addEventListener("change", function(){
	var reader = new FileReader(),
		inf = loader.files[0];
	
	reader.onload = function(e){
		appercu.src = e.target.result;
	}
	reader.readAsDataURL(loader.files[0]);
	
	infos.innerHTML = 
		"Nom du fichier : " + inf.name + "<br />" +
		"Taille du fichier : " + inf.size + "<br />" +
		"Type de fichier : " + inf.type;
}, false);