javascript - 找出正在加载的图片源

Question

您可以根据浏览器支持使用源元素加载图像。

<picture>
  <source type="image/avif" srcset="/res/img/student.avif">
  <source type="image/webp" srcset="/res/img/student.webp">
  <img src="/res/img/student.jpg">
</picture>

您如何找出正在/已加载的源（URL）？最好的情况是在它完成加载之前推断出来。

---

语境：

我在客户端上使用fast-average-color来找出一些图像的平均颜色。fast-average-color 加载给定的 URL 并对其进行处理。但是，这样我不知道要传递哪个 URL。我不想在现代浏览器中加载 avif，只是为了在渲染 avg 颜色时回退到 jpg。放弃对旧浏览器的支持也没有选择。

标签： javascriptdom