Web ページが大きな画像を読み込むときにわかるように、ブラウザは読み込みの開始時に画像のサイズ (幅と高さ) を知ることができます。
サイズがわかっているときに呼び出されるイベントをJavascriptで追加する方法を探しています(完全な画像がロードされたときではありません)。metadataloaded
ビデオに少し似ています。
コード例:
var img = new Image();
img.src = 'images/picture.jpg';
console.log(img.width,img.height); // 0, 0 (image size is not known yet)
img.addEventListener('imagesizeloaded', () => {
console.log(img.width,img.height); //expected: 1024, 768 (for example)
});