完美兼容多瀏覽器的js判斷圖片路徑代碼匯總
更新時(shí)間:2015年04月17日 09:55:32 投稿:hebedich
本文給大家匯總分享了幾種使用javascript實(shí)現(xiàn)判斷圖片路徑是否存在的代碼,都是平時(shí)項(xiàng)目中用到過的,這里總結(jié)一下,有需要的小伙伴可以參考下。
第一種方式
//檢查圖片是否存在 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');
另外一種實(shí)現(xiàn)方式
復(fù)制代碼 代碼如下:
<img src="原圖片" alt="圖片" onerror="this.src='替換圖片'">
第三種方式
<script language="javascript" type="text/javascript"> //載入失敗調(diào)用此函數(shù) function defaultImg(T) { T.src = "images/closelabel.gif";//默認(rèn)圖片地址 } //載入成功后會(huì)調(diào)用此函數(shù) function LoadOK() { alert("LoadOK"); } </script> </head> <body> <img src="123.jpg" onerror="defaultImg(this);" onload="LoadOK()"/> <!--123.jpg 是錯(cuò)誤圖片地址-->
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
您可能感興趣的文章:
- 瀏覽器圖片選擇預(yù)覽、旋轉(zhuǎn)、批量上傳的JS代碼實(shí)現(xiàn)
- JS預(yù)覽圖像將本地圖片顯示到瀏覽器上
- js實(shí)現(xiàn)鼠標(biāo)拖動(dòng)圖片并兼容IE/FF火狐/谷歌等主流瀏覽器
- 發(fā)布BlueShow v1.0 圖片瀏覽器(類似lightbox)blueshow.js 打包下載
- jb51站長(zhǎng)推薦的用js實(shí)現(xiàn)的多瀏覽器支持的圖片輪換展示效果ie,firefox
- js與自動(dòng)伸縮圖片 自動(dòng)縮小圖片的多瀏覽器兼容的方法總結(jié)
- 原生JS實(shí)現(xiàn)LOADING效果
- JS Loading功能的簡(jiǎn)單實(shí)現(xiàn)
- JS中圖片緩沖loading技術(shù)的實(shí)例代碼
- js loading加載效果實(shí)現(xiàn)代碼
- js去除瀏覽器默認(rèn)底圖的方法
相關(guān)文章
JavaScript 字符串常用操作小結(jié)(非常實(shí)用)
這篇文章主要介紹了JavaScript 字符串常用操作的知識(shí),包括字符串截取,查找類的方法,對(duì)js字符串操作相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-11-11JavaScript幾種常見循環(huán)遍歷使用和區(qū)別
這篇文章主要介紹了JavaScript幾種常見循環(huán)遍歷使用和區(qū)別,文章圍繞主題展開詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下2022-09-09JavaScript代碼實(shí)現(xiàn)禁止右鍵、禁選擇、禁粘貼、禁shift、禁ctrl、禁alt
這篇文章主要介紹了JavaScript代碼實(shí)現(xiàn)禁止右鍵、禁選擇、禁粘貼、禁shift、禁ctrl、禁alt,需要的朋友可以參考下2015-11-11微信小程序?qū)崿F(xiàn)事件傳參與數(shù)據(jù)同步流程詳解
這篇文章主要介紹了微信小程序開發(fā)中實(shí)現(xiàn)事件傳參與數(shù)據(jù)同步的詳細(xì)流程,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2022-10-10js防止DIV布局滾動(dòng)時(shí)閃動(dòng)的解決方法
這篇文章主要介紹了js防止DIV布局滾動(dòng)時(shí)閃動(dòng)的解決方法,通過js的window.requestAnimationFrame來解決這一問題,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-10-10使用electron實(shí)現(xiàn)百度網(wǎng)盤懸浮窗口功能的示例代碼
這篇文章主要介紹了使用electron實(shí)現(xiàn)百度網(wǎng)盤懸浮窗口功能的示例代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10