检测 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()
调用父文档中的错误函数
希望对您有所帮助。
如何检测 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()
希望对您有所帮助。