0

我有一个包含成千上万张图片的网页。有时图像不可用,因此客户端浏览器中会显示损坏的图像。

损坏的图像采用以下 URL 格式:www.domain.com/t.php?src=p/dd5e5b08_1.jpg

如何使用 jQuery 获取图像集,将其过滤为损坏的图像,然后替换src?

以下不起作用:

结束</head>标签上方

<script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>

高于收盘价标签

<script type="text/javascript">
    $(window).load(function() {
        $("img").each(function(){
            var image = $(this);
            if(image.context.naturalWidth == 0 || image.readyState == 'uninitialized'){
                $(image).unbind("error").attr("src", "/images/no_image.png");
            }
        });
    });
</script>
4

2 回答 2

2

此代码可能会帮助您:

function imgError(image){
    image.onerror = "";
    image.src = "/images/noimage.gif";
    return true;
}

<img src="image.png" onerror="imgError(this);"/>

尝试CodeFiddle 演示

于 2013-04-26T07:03:13.347 回答
0

这可能会帮助您:

$(document).ready(function () {
    let images = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg', '6.jpg'];
    let image_html = '';
    $.each(images, (key, value) => {
        image_html += '<img src="img/' + value + '"/>';
    });
    $('#imgcontainer').html(image_html);
    $('img').on('error', function () {
        $(this).replaceWith('<img src="img/no-photo.jpg"/>');
    });
});
于 2019-06-23T13:59:45.033 回答