快捷導(dǎo)航

完美兼容多瀏覽器的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ù)制代碼代碼如下:

第三種方式

<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ò)誤圖片地址-->

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

js判斷圖片路徑

相關(guān)文章

JavaScript中DOM尺寸測量與節(jié)流技巧總結(jié)
在網(wǎng)頁開發(fā)中,合理獲取DOM元素尺寸及使用節(jié)流技術(shù)對(duì)高頻事件進(jìn)行優(yōu)化,是確保頁面流暢運(yùn)行的關(guān)鍵,通過JavaScript可以方便地獲取元素寬高,并應(yīng)用節(jié)流（Throttle）與防抖（Debounce）技術(shù)處理如滾動(dòng)或窗口調(diào)整等高頻事件,有效減少性能消耗,需要的朋友可以參考下
2024-11-11
深入淺析JS Function()構(gòu)造函數(shù)
這篇文章給大家介紹了js function()構(gòu)造函數(shù)的知識(shí)以及關(guān)于function()構(gòu)造函數(shù)需要注意的幾個(gè)要點(diǎn)，本文介紹的非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看下吧
2016-08-08
Webpack框架核心概念(知識(shí)點(diǎn)整理)
webpack 是一個(gè)現(xiàn)代 JavaScript 應(yīng)用程序的模塊打包器(module bundler)。這篇文章主要介紹了Webpack框架核心概念(知識(shí)點(diǎn)整理),需要的朋友可以參考下
2017-12-12
判斷腳本加載是否完成的方法
在“按需加載”的需求中，我們經(jīng)常會(huì)判斷當(dāng)腳本加載完成時(shí)，返回一個(gè)回調(diào)函數(shù)，那如何去判斷腳本的加載完成呢？
2009-05-05
JavaScript面向?qū)ο笕齻€(gè)基本特征實(shí)例詳解【封裝、繼承與多態(tài)】
這篇文章主要介紹了JavaScript面向?qū)ο笕齻€(gè)基本特征,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript面向?qū)ο笕齻€(gè)基本特征封裝、繼承與多態(tài)的概念、原理、用法與操作注意事項(xiàng),需要的朋友可以參考下
2020-05-05
移動(dòng)端吸頂fixbar的解決方案詳解
這篇文章主要介紹了移動(dòng)端吸頂fixbar的解決方案詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-07-07
JS文本框默認(rèn)值處理詳解
以下代碼是對(duì)JS文本框的默認(rèn)值處理進(jìn)行了介紹，需要的朋友可以參考下
2013-07-07
解決使用layui的時(shí)候form表單中的select等不能渲染的問題
今天小編就為大家分享一篇解決使用layui的時(shí)候form表單中的select等不能渲染的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
Javascript 字符串模板的簡單實(shí)現(xiàn)
這篇文章給大家描述的是如何一步步簡單的實(shí)現(xiàn)Javascript 字符串模板，對(duì)于初學(xué)javascript的菜鳥們來說應(yīng)該是篇不錯(cuò)的文章，希望對(duì)大家能夠有所幫助。
2016-02-02
javascript+html5+css3自定義提示窗口
這篇文章主要為大家詳細(xì)介紹了javascript+html5+css3自定義提示窗口，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06