没有find图片的HTML
我在HTML页面中有一个图像：
<img src="smiley.gif" alt="Smiley face" width="32" height="32" /> 如果在服务器上找不到图像，则显示一个丑陋的空白方块。
我想这样做，如果一个图像没有find它将显示什么也没有其他的默认图像，我知道肯定是在服务器上。
如何才能做到这一点？
解决您的问题的最佳方法是：
<img id="currentPhoto" src="SomeImage.jpg" onerror="this.src='Default.jpg'" width="100" height="120">
onerror对你来说是一件好事:)
只需更改图像文件名称，并尝试自己。
那么你可以试试这个。
<object data="URL_TO_Default_img.png" type="image/png"> <img src="your_original_image.png" /> </object>
这对我工作。 让我知道你。
好吧，但我喜欢用这种方式，以便每当原始图像不可用时，您可以加载您的默认图像，可能是你最喜欢的笑脸或图像说抱歉！ 不可用，但如果两个图像都丢失，您可以使用文本显示。 那么你也可以在那里笑一笑。 看看几乎涵盖每一个案例。
<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';">
您可以通过添加alt显示替代文字：
<img src="my_img.png" alt="alternative text" border="0" />
处理这种情况的通常方法是将alt标签设置为有意义的。
如果你想要一个默认的图像，那么我build议使用服务器端技术来提供你的图像，被称为使用类似的格式：
<img src="ImageHandler.aspx?Img=Blue.jpg" alt="I am a picture" />
在ImageHandler.aspx代码中，捕获所有文件未find的错误，并提供您的default.jpg 。
尝试在img标签中使用border=0来使丑陋的正方形消失。
<img src="someimage.png" border="0" alt="some alternate text" />
我想隐藏<img>标签占用的空间，所以这对我有效
<img src = "source.jpg" alt = "" >
它的作品对我来说，如果你不想使用alt属性如果图像中断，那么你可以使用这段代码，并据此设置。
<h1> <a> <object data="~/img/Logo.jpg" type="image/png"> Your Custom Text Here </object> </a> </h1>
解决方法 – 我删除了img的高度和宽度元素，然后alt文本工作。
<img src="smiley.gif" alt="Smiley face" width="32" height="32" />
至
<img src="smiley.gif" alt="Smiley face" />
谢谢你们。
