网站图片不存在,显示默认图片解决办法(网站图片不能保存)

作者:大公子 时间:23-02-21 阅读数:141人阅读

最近项目里面有很多地方需要加载图片,但是有的图片后来不在了,显示的xx比较难看,为了不影响美观,所以需要设置默认图片
这种情况下可以利用image对象的onerror事件来判断,出错则更换image对象的src为默认图片的URL。 

<img src="pic/logo2009Blu.gif" onerror="this.src='/pic/default.gif'">



如果一个界面已经画好,图片太多,格式大小比较统一的话,也可以直接注册

 //设置默认图片显示

<script>
$(document).ready(function () {
  $("img").error(function () {
            $(this).attr("src", "../../Images/Comm/default.png");
        });

 });
 </script>

这样就方便多了,不需要再去一个一个的给img挂onerror

优缺点需要自己衡量,选择适合自己的方法