let picFile = document.getElementById("picFile"); let preview = document.getElementById("preview"); picFile.addEventListener("change", function(e){ let picValue = document.getElementById("picFile").value; let regex = /\\|\\/; let array = picValue.split(regex); let picName = array[array.length - 1]; console.log(picName); let reader = new FileReader(); reader.onload = function (e) { preview.setAttribute("src",e.target.result); } reader.readAsDataURL(e.target.files[0]); console.log(e.target.files[0]); }); function fileload() { if ( ! file.files[0] ){ return; } image = new Image(); image.onload = function() { result = {width: image.naturalWidth, height: image.naturalHeight}; console.log(result); } image.src = URL.createObjectURL(file.files[0]); }