Wie finde ich Clientbreiten und Clientheight eines Bildes, dessen Element über JQuery erstellt wurde? ⇐ Jquery

[Anonymous]

Ich habe JQuery verwendet, um ein Bildelement eines vorhandenen Bildes zu erstellen. Ich habe das Bildelement an den Div angehängt, in dem das Bild erscheinen soll. Ich habe versucht, die Clientwidth und ClientHeight des Bildes zu finden, aber sowohl die Clientwidth als auch die ClientHeight des Bildes waren 0 . Andererseits wurden Naturalwidth und Naturalheight korrekt ermittelt. Wie kann ich die richtige clientwidth und clientHeight des Bildes erhalten, da sein Element über JQuery erstellt wurde?

Code: Select all

let imageElement = $('')
.attr('src', 'path/image.jpg')
.addClass('image')
.css({width: '100%', 'max-width': '100%', display : 'block'});

$('#div-container').prepend(imageElement);

$('.image').on('load', function (){

const images = document.getElementsByClassName('image');

let image = images[0];

let naturalWidth = image.naturalWidth; //Correct width was found.
let naturalHeight = image.naturalHeight; //Correct height was found.
let renderedWidth = image.clientWidth; // I get 0 here.
let renderedHeight = image.clientHeight; //I get 0 here.
});