js判断图片是否显示

最新推荐文章于 2022-11-01 22:27:08 发布

weixin_34302561

最新推荐文章于 2022-11-01 22:27:08 发布

阅读量278

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xingmeng/p/3524482.html

本文介绍了一种用于网页中图片未能正常加载时的默认图片显示方案。通过JavaScript实现，能够判断浏览器类型及图片加载状态，确保每个<img>标签至少显示一张图片。

function getDefaultImg() {
    //添加判断图片是否存在操作
    var $defaultImgPathObj =       $('input[name=defaultImgPath]');

    if ($defaultImgPathObj.length > 0) {
        var nopic = $defaultImgPathObj.val();

        $("img").each(function(){
            var img = $(this);
            if(document.all && img.fileSize == -1){
                $(this).attr("src", nopic);
            }else{
                $(img).error(function(){
                    $(this).attr("src", nopic);
                });
            }
        });
    }
}