web 前端 使用naturalHeight获取图片的原始高度宽度出现错误

问题遇到的现象和发生背景

第一次打开页面的时候出现错误

问题相关代码，请勿粘贴截图

//比较高宽比
const img = imgBox[i].getElementsByTagName("img");
console.log(img[0]);
console.log(img[0].naturalHeight);
console.log(img[0].naturalWidth);

运行结果及报错内容

打印的结果是：0 0 NaN

我的解答思路和尝试过的方法

刷新后可以正常打印和展示

我想要达到的结果

图片加载完再获取