reactjs - React 上 img 的加载百分比

Question

我在 React Web 应用程序上显示图像。

我的代码如下：

<img
    alt={fileName}
    onLoad={onLoad}
    src={url}
/>

我想在图像周围显示一个指示器，告诉用户图像下载百分比。

我知道onLoad属性是提供一个在图像加载完成时调用的函数，但我不知道如何检测图像下载百分比（或下载大小）。

有没有类似的属性onLoad？我试过onProgress了，但没有被解雇。

我读过这个问题JavaScript loading progress of an image。

但是这个问题的最高投票答案并没有回答我的问题。

该答案需要手动创建一个新的 Image() 实例，我想知道是否有对属性的内置支持onProgress，或者请建议如何构建一个较低的机制来支持这一点。

标签： reactjsimagepercentage