suchen

Heim >Web-Frontend >js-Tutorial >Perfekt kompatibel mit mehreren Browsern, js Beurteilung Bildpfadcode Zusammenfassung_Javascript-Kenntnisse

Perfekt kompatibel mit mehreren Browsern, js Beurteilung Bildpfadcode Zusammenfassung_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 16:03:182224Durchsuche

Der erste Weg

//检查图片是否存在
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');

Eine weitere Implementierungsmethode

Code kopieren Der Code lautet wie folgt:
9b815ccae48e8d0ce6f9e00e2bbda837

Der dritte Weg

<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()"/>
  <!--123.jpg 是错误图片地址-->

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

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：Wie jQuery benutzerdefinierte events_jquery implementiertNächster Artikel：Wie jQuery benutzerdefinierte events_jquery implementiert

In Verbindung stehende Artikel

Mehr sehen