java - 处理图像无法渲染的情况

Question

我有 spring mvc 应用程序

有时在我们的网站上，我们可以看到 html 中存在 img 标签，但实际上 url 已损坏。

现在我们要显示所有这些情况的默认图像。

我们如何在一个地方处理它，只有当我们想要加载图像时，我们才应该点击这个地方。

Answer 1

您可以使用 jQuery 获取它。在document.ready上你可以检查所有图片的url，并检查图片是否有效。如果没有，您可以更改您的图像。

这是 jQuery 代码(您必须将其添加到所有页面上):

$(document).ready(function(){
    var images = $('img').each(function(i, image){
        checkSrc(image);
    });
});

function checkSrc(image){
    $.get($(image).attr('src'), function() {
    //succes, we do nothing
    }).fail(function() {
        $(image).attr('src','https://upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Cristiano_Ajax.jpg/220px-Cristiano_Ajax.jpg');
    });
}

这里是 html:

<img src="notexisting.jpg"/>

工作 fiddle :http://jsfiddle.net/bx5kkoun/

警告

我不建议这样做，因为您必须请求两倍的图像。您也可以使用Java Filter来实现它，但是您还必须检查来自服务器的所有图像的url，但情况是相同的。