Eine Falle und Lösung bei der Verwendung von fileReader

var Datei = this.$refs.resource.files[0]
var reader = neuer FileReader();
// Lesen Sie die Datei als DataURL:
reader.readAsDataURL(Datei);

//Der Rückruf-JS nach dem Lesen ist ein Multithread-Reader.onloadend=(e)=>{
}

var Dateiupload = Funktion (Objekt, Rückruf) {
            //Überprüfen Sie, ob der Browser das FileReader-Objekt unterstützt if (typeof FileReader == "undefined") {
                alert("Ihr Browser unterstützt das FileReader-Objekt nicht!");
            }
            var Datei = Obj;
            //Beurteilen, ob der Typ ein Bild ist, wenn (!/image\/\w+/.test(file.type)){
                alert("Bitte stellen Sie sicher, dass es sich bei der Datei um einen Bildtyp handelt");
                gibt false zurück;
            }
            var reader = neuer FileReader();
            reader.onload = Funktion (e) {
                var img = neues Bild,
                    width = 95, //Bildgrößenänderungsbreite quality = 0.2, //Bildqualität canvas = document.createElement('canvas'),
                    Schublade = Leinwand.getContext("2d");
                img.src = dieses.Ergebnis;
                var scale = parseInt(Bildhöhe / Bildbreite);
                img.width=Breite;
                img.height = Breite * Maßstab;
                Leinwand.Breite = Bild.Breite;
                Leinwandhöhe = Bildhöhe;
                Schublade.drawImage(testimgId, 0, 0, Leinwandbreite, Leinwandhöhe);
                var base64 = canvas.toDataURL('image/jpeg', 0.2);
                konsole.log(base64);
                var image_base64 = img.src.replace("data:image/png;base64,","");
                image_base64=URI-Komponente kodieren(image_base64);
                Alarm("19")
                //Rückruf aufrufen callback&&callback(img.src);
            }
            reader.readAsDataURL(Datei);
        }

Funktion getBase64(Dateiobjekt){
            var Datei = Dateiobjekt,
                cvs = document.getElementById("Leinwand"),
                ctx = cvs.getContext("2d");
            if(Datei){
                var url = window.URL.createObjectURL(file); //PS: Nicht kompatibel mit IE
                var img = neues Bild();
                img.src = URL;
                img.onload = Funktion(){
                    ctx.clearRect(0,0,cvs.Breite,cvs.Höhe);
                    cvs.width = Bildbreite;
                    cvs.height = img.height;
                    ctx.drawImage(Bild,0,0,Bildbreite,Bildhöhe);
                    var base64 = cvs.toDataURL("bild/png");
                    Rückruf (Base64);
                    Alarm("20")
                }
            }
        }