使用jQuery / Javascript处理“404图像错误”错误

时间:2012-01-11 14:43:37

标签: jquery error-handling youtube http-status-code-404 image

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

由于错误表现为真实的图像,

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

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

2 个答案:

答案 0 :(得分:3)

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

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

虚拟选择器,你需要使它适合你的应用程序的逻辑

答案 1 :(得分:0)

将默认图像设置为某个本地图像。如果传递了ajax请求,则使用服务器映像。

{{1}}