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中使用这个不起作用)
  • 相关阅读:
    对拍
    浅谈trie树
    蒟蒻的二分模板
    浅谈线性素数筛
    浅谈树状数组
    HDU 2181 哈密顿绕行世界问题
    HDU 3567 Eight II
    HDU 1043 Eight
    POJ 3076 Sudoku
    hihoCoder 1087 Hamiltonian Cycle
  • 原文地址:https://www.cnblogs.com/shine1234/p/15425583.html
Copyright © 2011-2022 走看看