即使图像无效，Firefox“onerror”也不会触发

Question

我在图像标签上有一个 onerror 处理程序，用于在找不到远程图像时处理切换。

问题是对于某些损坏的远程图像，它不起作用。

http://a3.twimg.com/profile_images/522455109/calvin-and-hobbessm_normal.jpg

<img onerror="this.src='/images/pic_not_found.png'" src="http://a3.twimg.com/profile_images/522455109/calvin-and-hobbessm_normal.jpg">

下图： 1）找到远程图像时，2）找不到远程图像（未触发onerror），3）未找到远程图像（触发onerror）

Answer 1

这不是断开的链接。

twimg.com 实际上会返回一个带有您请求的 url 名称的图像。

只需点击图片链接即可。您看到的不是文字，而是图像。

更新

这里有一些适用于所有浏览器的代码。
它做了一些基本的特征检测。

function handle( elem, img, state )
{
  if ((typeof(elem.onerror) === 'function' && state === 'fail') 
      || (elem.width === 0)
    )
     {
       elem.src = img;
     }
}

http://jsfiddle.net/VVcQj/1

它同时使用onload 和onerror，但需要在javascript 中定义一个函数来处理这种情况。