variabel scope

Hej
jeg har fundte følgende kode på youtybe hvor man henter et billede fra sit gallery og så uploade det til en server, men har problemer med at få det til at virke.
<img src="img/placeholder.png" onclick="triggerClick()" id="profileDisplay">
<input type="file"name="profileImage" onchange="displayImage(this)" id="profileImage" style="display:none">

function triggerClick()
    {  document.querySelector('#profileImage').click();
    }

    function displayImage(e)
    {  if(e.files[0])
        {  var reader = new FileReader();
            reader.onload = function(e)
            { document.querySelector('#profileDisplay').setIdAttribute('src', e.target.result);
            }
            reader.readAsDataUrl(e.files[0]);
        }
    }   
hvis jeg markere variablen 'e' er der kun 2 eller 3 der bliver highlightet afhængigt af om det er yderste eller inderste function.

Koden kan ses 16:59 inde i dette link:
https://www.youtube.com/watch?v=KsRxTHyqjsQ&t=0s

Håber at der er en der kan hjælpe mig med at fikse dette eller hjælpe med noget andet kode.

VH Thomas V.