如果找不到图像,则为HTML

Question

我在HTML页面中有一个图像:

<img src="smiley.gif" alt="Smiley face" width="32" height="32" />

如果在服务器上找不到图像,则显示一个丑陋的空白方块.

我想这样做,如果没有找到图像,它将不会显示任何内容或我知道肯定在服务器上的其他默认图像.

如何才能做到这一点？

Answer 1

解决问题的最佳方法:

<img id="currentPhoto" src="SomeImage.jpg" onerror="this.onerror=null; this.src='Default.jpg'" alt="" width="100" height="120">

onerror 对你来说是件好事:)

只需更改图像文件名并尝试自己.

Answer 2

那么你可以试试这个.

  <object data="URL_TO_Default_img.png" type="image/png">
   <img src="your_original_image.png" />
  </object>

这对我有用.让我了解你.

Answer 3

好的但是我喜欢这样使用,所以每当原始图像不可用时,您可以加载您最喜欢的笑脸或图像,表示抱歉的默认图像!不可用,但如果两个图像都丢失,您可以使用文本显示.那你也可以笑脸.看看几乎涵盖了每一个案例.

<img src="path_to_original_img/img.png"  alt="Sorry! Image not available at this time" 
       onError="this.onerror=null;this.src='<?=base_url()?>assets1/img/default.jpg';">

Answer 4

作为替代方案，如果图像不存在 - 根本不显示任何内容。（我在找什么）

您可以将“onerror”属性中 Robby Shaw 的答案中的函数交换为“this.remove()”。

<img id="currentPhoto" src="SomeImage.jpg" alt='1' width="100" height="120">
<img id="currentPhoto" src="SomeImage.jpg" onerror="this.onerror=null; this.remove();" alt="2" width="100" height="120">

Answer 5

解决方案 - 我删除了 img 的高度和宽度元素，然后替代文本起作用了。

<img src="smiley.gif" alt="Smiley face" width="32" height="32" />

到

<img src="smiley.gif" alt="Smiley face" />

谢谢你们。