javascript - 强制 IE 清除图像

Question

我在弹出窗口中有一个图像标签。此弹出窗口根据用户单击的内容显示图像。弹出窗口关闭(这只是隐藏弹出窗口，它不会从 DOM 中删除任何内容)，然后单击一个新项目，弹出窗口重新显示，图像的 src 属性更改为新的。

我遇到的问题是，在 IE 中，它将保留旧图像，直到下载新图像。通常这不是问题，但图像是对处理程序的调用，可能需要几秒钟。通过将 src 属性设置为空，然后将其设置为处理程序，我能够在 IE8 和 IE9 中修复此问题。这在插入新图像之前正确地清除了图像。

虽然这个解决方案在 IE7 中不起作用。我打算使用一个小的清晰的 gif 作为 src 而不是空的，这样它会快速换出图像，然后开始加载下一个。我将向页面添加图像标签，以便将其缓存在用户浏览器中，使图像加载接近即时。这听起来像是一个好的解决方案吗？是否有任何我忽略的主要缺点或注意事项？

这很老套，我真的很喜欢一种更优雅的方式。

Answer 1

从 DOM 中删除 IMG 标签并在交换 SRC 之前重新插入它。

或者，您可以使用 a data URI并使用编码为 Base64 的空白图像。