img 当图片加载失败时显示默认图片
时间: 2023-08-03 14:04:42 浏览: 224
可以使用以下代码来实现:
```
<img src="image.jpg" onerror="this.src='default.jpg'">
```
这里,`src` 属性指定了图片的路径,如果图片加载失败,`onerror` 事件会触发,将 `src` 属性赋值为默认图片路径,即显示默认图片。
相关问题
img标签图片加载失败
当图片的URL链接无法访问或者错误时,img标签就会显示加载失败的默认图片或者无法显示。此时可以通过以下方式来处理:
1. 检查URL链接是否正确,确保图片可以被访问。
2. 如果URL链接正确,但图片仍然无法加载,可以考虑使用备用图片作为替代方案。
3. 使用JavaScript代码来处理图片加载失败的情况,比如显示一个提示信息或者使用其他替代图片。
4. 对于用户上传的图片,需要进行审核和过滤,防止不合法的图片被显示在网站上。
img标签怎么设置加载失败时显示的图片
可以使用 `onerror` 事件来捕获图片加载失败的情况,并设置一个默认的图片来代替加载失败的图片。
示例代码如下:
```html
<img src="image.jpg" onerror="this.onerror=null;this.src='default.jpg';">
```
在上面的示例中,当图片加载失败时,会触发 `onerror` 事件,然后将 `src` 属性设置为 `default.jpg`,这样就会显示默认的图片。注意,为了避免出现死循环,需要在 `onerror` 事件中将 `onerror` 属性设为 `null`,这样就不会再次触发 `onerror` 事件。
阅读全文