时间戳

首页 > 解决方案 > 添加图片时元素会触发哪些事件？

javascript - 添加图片时元素会触发哪些事件？

问题描述

我正在将内容动态添加到有图像的 HTML 中。按照设计，我不知道添加内容时的实际图像数据，但我正在使用 JS 检索这些数据。我需要一个触发检索此内容的函数的事件。到目前为止，我已经使用 hack 实现了这一点：

<img src="_" onerror="loadImage(this)" data-id="1"/>
<img src="_" onerror="loadImage(this)" data-id="2"/>
<img src="_" onerror="loadImage(this)" data-id="3"/>

每个图像加载属性失败src="_"并触发onerror句柄。

我的问题是如何避免触发onerror事件并loadImage通过更合适的事件调用。我正在寻找每个人的事件img。

更新：不要认为这是一个简单的问题。图像是从 C++ 代码动态添加到 QWebView 中的。没有可以使用任何 URL 访问的实际图像，但我将它们作为字节数组从数据库中检索（也来自 C++ 代码）。我正在从 JS 函数访问 C++ 代码loadImage。我无法使用window.onload图像是在主页已加载时随机添加的原因。

标签： javascripthtmlimageevents

解决方案

您提到图像 src 是 c++ 代码可以访问的字节数组，您可以直接在 img 中使用字节数组src，如下所示：

<img src="data:image/jpg;base64, [byte array]">

推荐阅读