Así que estoy creando un nuevo elemento de imagen una vez que recibo respuesta de una llamada AJAX con metadatos de imagen como este:

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);

Pero las funciones width () y height () están devolviendo 0, aunque la imagen tiene un tamaño de 30 x 30 px y aparece correctamente en la página. Necesito obtener sus dimensiones para posicionar absolutamente la imagen.