html <img/> src图片路径不存在,显示指定的默认图片

1. 图片加载失败,出现图片碎片和提示文字(不美观)

  1. <img src="./xxx.jpg" alt="图片加载失败,显示提示文字">
复制代码



2. 使用onerror事件指定一张提示错误的图片代替显示不了的图片

  1. <img src="./xxx.jpg" onerror="this.src='./error.png'" alt="">
复制代码



3. 若指定的图片路径存在变量,则使用v-bind结合模板字符串的方式实现

  1. <img src="./xxx.jpg" :onerror="`this.src='./error${iconSize}.png'`" alt="">
复制代码






上一篇:宝塔面板phpmyadmin打不开问题的解决办法
下一篇:分享一款简洁滚动顶部插件js+css{返回+二维码+反馈链接}
如无回复请发邮件