Heim > Artikel > Web-Frontend > 完美兼容多浏览器的js判断图片路径代码汇总_javascript技巧

完美兼容多浏览器的js判断图片路径代码汇总_javascript技巧

WBOYOriginal: 2016-05-16 16:03:182131Durchsuche

第一种方式

//检查图片是否存在
function CheckImgExists(imgurl) {
var ImgObj = new Image(); //判断图片是否存在
ImgObj.src = imgurl;
//没有图片，则返回-1
if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {
alert(imgurl + '存在');
} else {
alert(imgurl + '不存在');
}
}
CheckImgExists('/editor/simple/FileIconDir/rar.gif');
CheckImgExists('/editor/simple/FileIconDir/rarsdfs.gif');

另外一种实现方式

复制代码代码如下:

第三种方式

<script language="javascript" type="text/javascript">
//载入失败调用此函数
function defaultImg(T)
{
T.src = "images/closelabel.gif";//默认图片地址
}

//载入成功后会调用此函数
function LoadOK()
{
alert("LoadOK");
}
</script>
</head>

<body>
<img  src="123.jpg" onerror="defaultImg(this);" onload="LoadOK()"/ alt="完美兼容多浏览器的js判断图片路径代码汇总_javascript技巧" >
  <!--123.jpg 是错误图片地址-->

以上所述就是本文的全部内容了，希望大家能够喜欢。

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：jQuery实现自定义事件的方法_jqueryNächster Artikel：jQuery插件slides实现无缝轮播图特效_jquery

In Verbindung stehende Artikel

Mehr sehen