如何检测图像链接何时返回 404，但它仍然是有效图像

Question

Youtube 为不存在的缩略图返回 404，但它也返回有效的图像数据（损坏的视频缩略图），因此用 Image 检查它不起作用，不会调用 onerror：

var img = new Image();
img.onload = function() { alert("found")};
img.onerror = function() { alert("not found") };
img.src = "http://img.youtube.com/vi/aaaa/1.jpg";

运行时会显示“找到”。有没有办法检测404是否真的可以加载图片数据？

如果可以检测到链接返回标准的 youtube“破碎视频”缩略图数据，也很好。

Answer 1

在这种情况下，作为一种粗略但可行的解决方法，我建议在加载时检查图像的大小。通常缩略图比较大，所以如果返回的图片是 120x90px 你可以假设它是 404 图片。

唯一的另一种方法是通过 PHP 脚本加载它，该脚本可以在通过图像之前检查 HTTP 标头。