var file = document.querySelector("input[type=\"file\"]"); function readImage(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { document.querySelector("img").src = e.target.result; } reader.readAsDataURL(input.files[0]); } } file.addEventListener("change", function() { console.log(this); readImage(this); });