javascript - 动态加载图像并附加 onload 事件侦听器

Question

我有一个按钮来加载图像。当用户点击它时，它最初需要带回 6 张图像，并带有加载更多图像的选项。我正在动态创建和其他必要的标签。我想为每个标签设置 onload 事件。这就是我到目前为止所拥有的。

image = getImageElement(100,150);
image.id = "imageId" + cIds[i] + "";
image.name = "imageId" + cIds[i] + "";
image.onload = function (){ alert('Hello');};

但是这个函数没有被调用。最终，此功能将负责恢复实际图像。并且每个图像块将被动态且独立地加载。

我们正在使用从纯 JS 到 jQuery 和 DWR 的各种 javascript 技术。因此，使用任何风格的 javascript 的解决方案都可以。

谢谢你。

Answer 1

您需要使用图像对象。您的问题中没有描述您如何解释六张图像。

img = new Image();
img.id = "imageId" + cIds[i] + "";
img.name = "imageId" + cIds[i] + "";
img.onload = function (){ alert('Hello');};
img.src = "...some url...";