Chrome - 找不到图片图标

Question

  

可能重复：
  How to silently hide “Image not found” icon when src source image is not found

有没有办法，禁用未找到图像的默认图标？如果src给出404，则Chrome会显示小图标。 Firefox没有显示任何内容，我想在Chrome中使用相同内容。 有什么解决方案吗？

Answer 1

<img onerror='this.style.display = "none"'>

OR

您可以使用JavaScript中的onerror事件在图片无法加载时执行操作：

var img = document.getElementById("myImg");
img.onerror = function () { 
    this.style.display = "none";
}

在jQuery中：

$("#myImg").error(function () { 
    $(this).hide(); 
});

或所有图片：

$("img").error(function () { 
    $(this).hide();
    // or $(this).css({visibility:"hidden"}); 
});

如果隐藏图片可能会更改布局，则应使用visibility: hidden代替.hide()。网络上的许多网站使用默认的“无图像”图像，当指定的图像位置不可用时，将src属性指向该图像。

Answer 2

使用htaccess有一点解决方案。如果找不到图片，你必须重定向到1x1 transparant png。唯一的缺点是，如果你明确地定义图像的宽度和高度，图像仍然会占据它应该的位置。但是什么都看不到。