检测何时加载了添加到DOM的图像

当图像被添加到DOM中时，可以通过以下几种方式来检测其加载状态：

1. 使用JavaScript的Image对象：可以创建一个新的Image对象，并将其src属性设置为要加载的图像的URL。然后，可以监听Image对象的load和error事件来检测图像是否成功加载或加载失败。如果load事件触发，则表示图像已成功加载；如果error事件触发，则表示图像加载失败。
2. 使用JavaScript的Intersection Observer API：Intersection Observer API可以用于监测元素与视口的交叉状态，包括图像元素。可以创建一个Intersection Observer实例，并将其观察目标设置为要加载的图像元素。然后，可以通过监听Intersection Observer实例的回调函数来检测图像是否进入视口。当图像进入视口时，可以认为图像已加载完成。
3. 使用JavaScript的onload事件：如果在HTML中直接使用<img>标签来加载图像，可以将onload事件绑定到<img>元素上的属性上。当图像加载完成时，会触发onload事件，可以在事件处理函数中执行相应的操作。

这些方法可以根据具体的需求选择使用。以下是腾讯云相关产品和产品介绍链接地址：

• 腾讯云对象存储（COS）：腾讯云提供的对象存储服务，可用于存储和管理图像等各种类型的文件。详情请参考：https://cloud.tencent.com/product/cos
• 腾讯云内容分发网络（CDN）：腾讯云提供的全球覆盖的内容分发网络服务，可加速图像等静态资源的加载。详情请参考：https://cloud.tencent.com/product/cdn

请注意，以上仅为示例，实际选择使用的产品应根据具体需求和场景进行评估和选择。