Javascript 可以为加载图像创建占位符

Javascript 可以为加载图像创建占位符,javascript,html,reactjs,typescript,image,Javascript,Html,Reactjs,Typescript,Image,我从react客户端将图像加载到node js服务器,之后,图像会转到第三方API,我会收到这个API调用的结果,在这个相同大小的图像上有新的链接,当图像在后端加载和处理时,在我的UI中,你看不到这个图像正在加载,当然这有点令人困惑,我可以设置默认或随机宽度占位符,但我想让用户看到结果图像的大小。我能做到这一点吗?如果我能做到,怎么做?一些代码总是一个好的开始。您可以在这里使用加载状态var{loaded}=this.state。因此,如果页面仍在加载,您可以使用一些占位符图像。如果您的页面已完

我从react客户端将图像加载到node js服务器,之后,图像会转到第三方API,我会收到这个API调用的结果,在这个相同大小的图像上有新的链接,当图像在后端加载和处理时,在我的UI中,你看不到这个图像正在加载,当然这有点令人困惑,我可以设置默认或随机宽度占位符,但我想让用户看到结果图像的大小。我能做到这一点吗?如果我能做到,怎么做?

一些代码总是一个好的开始。您可以在这里使用加载状态
var{loaded}=this.state。因此,如果页面仍在加载,您可以使用一些占位符图像。如果您的页面已完全加载—您可以使用
onLoad
检查—然后使用api的响应。