jquery - 使用 jQuery/Javascript 处理 "404 image error"错误

Question

加载 Youtube 托管的视频缩略图时，404 错误是实际图像。例如: http://i.ytimg.com/vi/eMFYg2oZ4qE/default.jpghttp://i.ytimg.com/vi/0/default.jpg

由于错误将其本身呈现为真实图像，

<img onerror="alert('error!')" src="http://i.ytimg.com/vi/0/default.jpg">

无法捕获 404 错误...我该如何解决这个问题？

Answer 1

我相信这些是在 YouTube 上的服务器端处理的，但由于您将其标记为 jQuery，使用一小组图像，您可以使用简单的 AJAX 请求检查它们的存在，然后在失败时更改“src”属性到您的默认图像路径。

$.ajax("/path/to/image.img", failure: function() {
  $('#this-image').attr('src', 'default.jpg');
})

虚拟选择器，您需要使其适合您的应用程序的逻辑