PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > JavaScript教程 > 正文

    js如何判断图片是否存在?不存在现实默认图片

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:这是一个img的属性选项,先判断图片是否存在,如果图片不存在,则用您自定义的图片来替换显示。<img src="pic.gif" onerror="javascript...
    这是一个img的属性选项,先判断图片是否存在,如果图片不存在,则用您自定义的图片来替换显示。
    <img src="pic.gif" onerror="javascript:this.src='/noPic.gif';" alt="pic" />
    onerror 事件会在文档或图像加载过程中发生错误时被触发。当图片不存在时,将触发 onerror,而 onerror 中又为 img 指定一个 NoPic.gif 图片。也就是说图片存在则显示 pic.gif,图片不存在将显示 noPic.gif。
    特别注意
    如果 noPic.gif 也不存在,则继续触发 onerror,导致循环,故出现错误。
     
    说明:如果图片存在,但网络很不通畅,也可能触发 onerror。
     
    解决方法:
     
    第一种::.去掉 onerror 代码;或者更改 onerror 代码为其它;或者确保 onerror 中的图片足够小,并且存在。
     
    第二种:
     
    <script type="text/javascript">
     
    <!–
     
    function nofind(){
     
    var img=event.srcElement;
     
    img.src="http://www.cnblogs.com/sys/common/image/fileoperation/icon/default.gif";
     
    img.onerror=null; 控制不要一直跳动
     
    }
     
    //–>
     
    </script>
     
    <img src="/image/fileoperation/icon/1.gif" onerror="nofind();" />
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-69-631-1.html
    相关热词搜索: