Javascript 在iFrame中检测图像故障

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

这是为WYSIWYG编辑器准备的，所以我需要在加载损坏的图像时立即触发事件。在这种情况下，用户输入断开的链接

---

我尝试过使用OneError，当他们将图像提交到站点时，它非常有效，但我想实时检测是否有错误

这是一个粗略的示例，但不幸的是，iframe在JSFIDLE中不能正常工作，因此我们只能假设

实际上是一个iframe：

基本上，在图像上传函数中，您将创建一个新的

var image=image（）

变量，然后将

image.url

设置为用户输入的url。然后有一个onload和一个onerror函数，其中一个函数将根据图像是否正确上传而启动。在onload函数中，您可以将

容器的src属性设置为image.url。如果相反地触发了onerror（）函数，则可以使用

parent.ImageError（）

---

希望这有帮助。

您可以检查以确保资源发送了200的http响应，如果没有，您就知道它没有加载。当我回家后，我可以试着想出一个好的JS/jQuery解决方案，谢谢！我对javascript有点陌生，所以我会等你发布你的解决方案。没问题。顺便问一下，这是一个你可以控制的iframe吗？Ie您可以编辑它并在其中添加/修改JavaScript代码？我将它用作文本区域，因此它没有src（尽管我假设它使用父页面的src）。我可以控制它。

Image.onerror

到底有什么问题？如果映像加载失败，则会立即触发事件。