首頁 > 開發者 > JavaScript
完美相容多瀏覽器的js判斷圖片路徑代碼匯總，js匯總
第一種方式
//檢查圖片是否存在function CheckImgExists(imgurl) {var ImgObj = new Image(); //判斷圖片是否存在ImgObj.src = imgurl;//沒有圖片，則返回-1if (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');
另外一種實現方式
複製代碼 代碼如下:<img src="原圖片" alt="圖片" onerror="this.src='替換圖片'">
第三種方式
<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 是錯誤圖片地址-->
以上所述就是本文的全部內容了，希望大家能夠喜歡。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
