JavaScript: ottenere le dimensioni di un'immagine durante il suo caricamento

Durante il caricamento delle immagini è possibile reperire le loro dimensioni quando il caricamento è completato. La soluzione JavaScript è semplice.

Interroghiamo la proprietà complete dell'immagine e otteniamo le sue dimensioni:

const getImageDimensions = ( img, callback ) => {
	img.addEventListener( 'load', () => {
		if( this.complete ) {
			let dimensions = {};
			dimensions.width = this.offsetWidth;
			dimensions.height = this.offsetHeight;
			callback( dimensions );
		}
			
	}, false);
}

L'oggetto restituito come parametro della funzione di callback contiene la larghezza e l'altezza dell'immagine.