检测 iFrame 中的图像故障

Detect image failure within iFrame

如何检测 iFrame 中的图像 src 是否损坏?

它适用于 WYSIWYG 编辑器,因此我需要在加载损坏的图像后立即触发该事件。在用户输入损坏的 link.

的情况下

我尝试过使用 onerror,当他们将图像提交到网站时它非常有用,但我想实时检测它是否是一个错误。

这是一个粗略的例子,但不幸的是 iframe 在 JSFiddle 中不能正常运行所以我们只能假装 <div class='iframe'></div> 实际上是一个 iframe:http://jsfiddle.net/d74cah5z/3/

本质上,在您的图片上传功能中,您将创建一个新的 var image = Image(); 变量,然后将 image.url 设置为等于用户输入的 URL。然后有一个 onload 和一个 onerror 函数,其中一个函数将根据图像是否正确上传而触发。在 onload 函数中,您可以将 <img> 容器的 src 属性设置为 image.url。相反,如果触发了 onerror() 函数,您将使用 parent.ImageError()

调用父文档中的错误函数

希望对您有所帮助。