Javascript/画像の要素を取得

sample1
sample1code
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]);
}