检测iFrame中的图像故障

Question

如何检测图像src是否在iFrame中被破坏？

这是一个WYSIWYG编辑器，因此我需要在加载损坏的图像时立即触发该事件。在用户输入损坏的链接的情况下。

我尝试过使用onerror，它在将图像提交到网站时效果很好，但我想检测它是否是实时错误。

Answer 1

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

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

调用父文档中的错误函数

希望有所帮助。