图片发布受限图片的最佳做法

Question

在我的用例中，我必须将图像发布到网站。 但是，图像可能会受到限制一段时间。 在这段时间内显示损坏的图像的最佳做法是什么？

到目前为止，我的方法：

• 使用此处提到的<img>标签的onerror和onload处理程序
• 使用placehold.it保留所有损坏的图像

对于此方面的任何指导方针/意见/最佳实践，我将非常感谢。 另外，对于没有选择处理<img>元素上的事件的旧系统，我该如何优雅地回退。 图像已经具有ALT属性，因此可以跳过这些行上的准则。

Answer 1

您用jQuery标记了这个，所以我认为这是一个选择。

实际上，最简单的解决方案是检测错误并在这种情况下替换图像：

$('img.myChangingImageClass').error(function(){
        $(this).attr('src', 'notavailableYet.png');
});

它简单，直接，并且可以在所有现代浏览器上使用。

马特（Matt）建议使用事件委托，如果以后要添加图像，这将很有用。 同样，它为整个页面附加一个事件，而不是每个图像附加一个事件。 这可以通过以下方式完成：

$(document).on('error', 'img.myChangingImageClass', function () {
    $(this).attr('src', 'notavailableYet.png'); 
});

由于您已经具有'alt'属性，因此对于无法显示图像的系统和SEO来说都可以使用。 如果您愿意，可以将placehold.it用作替换图像，但我认为这不是必需的（取决于您的用例）。 您甚至可以.hide()图像或对其进行播放。