Impossible de lire la propriété "cible" undefined lorsque vous tentez d'accéder <input> fichiers

Je suis en train de changer de téléchargement de fichiers image pour sélectionner ou cliquer sur l'image sur la même page dans cette toile liées script.

function aFileIsLoaded(e1)
{
        var filename = e1.target.files[0];
        var fr = new FileReader();
fr.onload = function(e2)
{
      backgroundimage = new Image();
      backgroundimage.src=e2.target.result;
     var context = document.getElementById('myCanvas').getContext('2d');
     context.canvas.width = backgroundimage.width;
     context.canvas.height = backgroundimage.height;
     context.drawImage(backgroundimage, 0, 0, backgroundimage.width, backgroundimage.height);


};
    fr.readAsDataURL(filename);
}



window.onload=function(){
var s = document.getElementById("fontsize");
s.value="48";
document.getElementById('loadpicture').addEventListener('change', aFileIsLoaded, false);
backgroundimagemode=NONE;
carpeInit();
update();
}

avant, ces images ont été appelé comme ça, et les fichiers ont été sélectionnés à partir du bureau

<input type="file" name="back" id="loadpicture" src="myimage.png" >

et maintenant je suis en train de charger une image dans la même page avec ceci:

<img src="myimage.png" name="back" id="loadpicture" onclick="aFileIsLoaded()">

mais j'obtiens cette erreur:

Uncaught TypeError: Cannot read property 'target' of undefined 

toute aide sera appréciée

InformationsquelleAutor Tony Medina | 2012-09-27