图片加载出错后显示默认图片

图片加载出错后显示默认图片图片加载出错后展示默认设置的图片img因网络问题以及其他问题加载出错时,展示成下图的样式网络出错时,没有设置默认图片显示成这样使用one()绑定事件是防止默认图片也加载不出,防止死循环$(“.listList2”).one(“error”,function(e){$(this).attr(“src”,”image/head_portrait.png”);});或者img元素自带onerror属性,加载失败时,触发error事件<imgsrc=”img/yuan.

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

图片加载出错后展示默认设置的图片

img因网络问题以及其他问题加载出错时,展示成下图的样式
加载出错后显示默认图片
网络出错时,没有设置默认图片显示成这样
加载出错时,图片显示成这样

使用one()绑定事件是防止默认图片也加载不出,防止死循环

$(".listList2").one("error", function(e){
    $(this).attr("src", "image/head_portrait.png");
});

或者

img元素自带onerror属性,加载失败时,触发error事件

<img src="img/yuan.png" οnerrοr="javascript:this.src='img/xian.png';">

图片存在则显示yuan.png,图片不存在或者因网络原因将显示 xian.png
若 xian.png 也不存在,则继续触发 onerror,导致死循环,所以建议使用上面的那种方式

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/158927.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • c# 判断字符串中是否包含某个字符串_判断字符串里是否有某个字符

    c# 判断字符串中是否包含某个字符串_判断字符串里是否有某个字符C#判断字符串中含有多少个汉字

    2022年4月22日
    258
  • 小程序开发毕业设计_基于小程序的毕业设计

    小程序开发毕业设计_基于小程序的毕业设计基于微信小程序的培训机构系统前言:该系统作为本科毕业设计,可能还有很多的不足。只是当时做这个系统的时候,由于需要使用java语言作为后端实现与微信小程序界面数据交互,看遍网上很多的案例基本后台都是php语言用于编写接口,几乎没找到过java作为后台语言的案例。写这篇博客只是为了帮助需要后台使用java语言来实现的朋友。一、项目介绍微信小程序端:小程序端管理员实现对信息模块的管理,包含课程…

    2022年9月17日
    0
  • netstat 工具

    netstat 工具netstat工具netstat命令用来打印Linux中网络系统的状态信息,可让你得知整个Linux系统的网络情况netstat-a或–all#显示所有连线中的Socketnetstat-at#列出所有tcp端口netstat-au#列出所有udp端口#列出所有处于监听状态的Socketsnetsta…

    2022年7月22日
    9
  • 刷子 撸一撸手头的几把刷

    刷子 撸一撸手头的几把刷想写刷子的博文不是一天两天了,看到这么多刷子,我立马头大啊!其实草刷子,是最近一年的动作,基本上都是近期收的,所以我元气很伤!!!休息天,花了2个小时拍照,这些基本都是比较爱用的刷子,还有一部分刷子不怎么用的被我雪藏起来了!全部倒在桌子上,感叹两个字:好乱!!! 经过整理就好看多了! 上层:下层:

    2022年8月22日
    4
  • 41-新的信号注册函数 sigaction

    41-新的信号注册函数 sigaction在这之前,我们一直使用signal来注册信号处理函数,而且一开始我甚至都没有提起过甚至signal还有一个兄弟——sigaction.我相信,把sigaction放到这里是适合的,因为你已经具备了足够的基础去理解它了。1.sigaction函数不同于signal函数,sigaction函数是符合POSIX标准的,而signal只是ANSIC标准函数。除了上面的区

    2022年5月25日
    34
  • intellij 2021激活码【在线注册码/序列号/破解码】

    intellij 2021激活码【在线注册码/序列号/破解码】,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月19日
    40

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号