反应:图像加载前图像大小问题

问题描述

我正在显示其来源来自 URL 的图像。这些图像具有不同的大小。这些图像位于 A 0.0 0.1 1.0 [1.0,1.1] 2.0 [1.0,0.55] 2.6 [1.0,0.4230769230769231] 3.0 0.1 3.4 [0.1,0.3235294117647059] 4.0 1 4.5 2.1 中,它们具有响应性,并且为了使图像尽可能适合,它们的宽度为 100%。到目前为止,一切都很好。

问题是当加载图像时,因为它来自一个 URL,它可能需要一段时间,在加载它占用 0x0 像素之前,因此我的 div 不可见,这导致我显示问题,直到图像已加载。 (你明白我的意思吗?)

事实上,最好的方法是拥有一个与要加载的图像大小相同的占位符。或者我想知道获取图像的大小然后构建div会更好吗? (但如何在渲染中做到这一点?)或者,我应该使用延迟加载组件吗? (目前,我还没有找到一个可以在加载图像之前获取图像大小的图像)。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)