Ich erstelle ein Bild zum Ändern der Größe / Zuschneiden und möchte eine Live-Vorschau anzeigen, nachdem sie in einem Modal (Bootstrap) bearbeitet wurde. Diesesollte Arbeit, glaube ich, aber ich bekomme gerade 0 in console.log. Dazu müssen Sie die Breite und Höhe des Originalbilds in ein anderes Skript eingeben (was ich später tun werde, sie müssen erst einmal in console.log / a Variable gespeichert werden).

function doProfilePictureChangeEdit(e) {
    var files = document.getElementById('fileupload').files[0];
    var reader = new FileReader();
    reader.onload = (function(theFile) {
        document.getElementById('imgresizepreview').src = theFile.target.result;

        document.getElementById('profilepicturepreview').src = theFile.target.result;
      }
    );
    reader.readAsDataURL(files);
    var imagepreview = document.getElementById('imgresizepreview');
    console.log(imagepreview.offsetWidth);
    $('img#imgresizepreview').imgAreaSelect({
        handles: true,
        enable: true,
        aspectRatio: "1:1",
        onSelectEnd: preview
    });
    $('#resizeprofilepicturemodal').modal('show');
    };