Tworzę więc nowy element obrazu po otrzymaniu odpowiedzi z wywołania AJAX z takimi metadanymi obrazu jak:

var loadedImageContainter = $('<div class="loaded-image-container"></div>');
var image = $('<img src="' + file.url + '" alt="">');
loadedImageContainter.append(image);
$('.loading-image').replaceWith(loadedImageContainter);
var width = image.width();
var height = image.height();
console.log(width);
console.log(height);

Jednak funkcje width () i height () powracają 0, chociaż obraz ma rozmiar 30 x 30 px i pojawia się poprawnie na stronie. Muszę uzyskać jego wymiary, aby całkowicie ustawić obraz.