JavaScript: ottenere le dimensioni di un'immagine dopo 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:

'use strict';

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

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