zoukankan      html  css  js  c++  java
  • react 加载img标签时出错,使用onError事件来增加一个占位图

    1.onError
    <img src='要显示的图片路径'  onError={(e) => {e.target.onerror = null;e.target.src="占位图片路径"}} />

     注 onError:当图片加载出现错误,会触发。经常在这里事件里头写入 将图片导向默认报错图片,以免页面上出现红色的叉叉或者出现图片破裂的图标。但是如果备用图片也错误了,就会造成死循环的问题,前端就可能挂掉,这时候再添加上onerror = null就好。

    2. onerror  原生的html  可以使用下面这种:

    <img src="要显示的图片路径" οnerrοr="οnerrοr=null;src="占位图片路径"> (在react中使用这个不起作用)
  • 相关阅读:
    2019.1.10英语笔记
    2019.1.9专业课笔记
    团队触发器
    团队脚本备份
    导表
    oslo.config
    nginx启动、重启、关闭
    常见的awk内建变量
    LVM
    Django, one-to-many, many-to-many
  • 原文地址:https://www.cnblogs.com/ranyonsue/p/15555294.html
Copyright © 2011-2022 走看看