带有 api 的 React/drf 照片库

Question

我在后端使用 drf，并像这样从 API 获取图像列表：

{
"http://127.0.0.1:8000/media/galleries/thumbs1.jpg",
"http://127.0.0.1:8000/media/galleries/thumbs1.jpg"
}

在完成加载图像之前，我想显示简单的灰色骨架 div。它的工作完美，除了块的大小：容器的大小和图像的大小必须是动态的。在这种情况下，最佳设计集动态大小是多少？如何获取图像的高度和宽度以计算块的大小？我读了一些关于获取图像哈希的内容。这是正确的方法吗？我可以在后端或前端计算它。或者你知道更好的方法？