Javascript：可以在图像完全加载之前获取图像尺寸吗？

我正在建立一个网站的移动版本，页面数据加载速度非常快，但由于页面上的图像很大，随着时间的推移，它们的输入速度会更慢

问题是，当图像慢慢进入时，它们会将页面内容向下推，这样用户就失去了阅读位置

我想做的是确定这些图像的大小，然后为图像保留一个大小正确的黑色占位符，在加载图像时用图像填充。这样，当图像打开时，用户的阅读体验不会受到影响

我想知道是否有可能在图像加载之前使用javascript或html5获取图像的尺寸，然后使用jscript/html5在初始页面加载时设置标签的宽度和高度属性——在图像完全加载之前

谢谢

---

*编辑：我不能直接使用width和height HTML属性，因为图像来自所有不同的来源，没有预先知道的宽度和高度（其大部分是随机用户发布的图像）

这就是

元素上的
height
和
width
属性的用途。将这些设置为图像的高度/宽度，渲染器将保留该空间

否则，你就处于鸡和蛋的境地；你无法神奇地找到图像的大小；你需要先下载它
 您的问题可能存在重复的解决方案：
width
和
height
html中的属性。为什么不使用它？当您将图像添加到HTML时，您应该显式地添加要嵌入的图像的
[width]
和
[height]
属性。可能的重复