欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

用Javascript判斷圖片是否存在，不存在則顯示默認(rèn)圖片的代碼

 更新時(shí)間：2023年06月15日 00:13:30   投稿：mdxy-dxy  
用Javascript判斷圖片是否存在，不存在則顯示默認(rèn)圖片的代碼,需要的朋友可以參考下。

利用image對(duì)象的onerror事件來(lái)判斷，出錯(cuò)則更換image對(duì)象的src為默認(rèn)圖片的URL。 

<p>第一種情況：圖片存在，正常顯示<br />
<img src="http://www.dbjr.com.cn/logo.gif"
onerror="javascript:this.src='//www.dbjr.com.cn/logos.gif'" /></p>
<p>第二種情況：圖片不存在，顯示默認(rèn)圖片<br />
<img src="http://www.dbjr.com.cn/logoddd.gif"
onerror="javascript:this.src='//www.dbjr.com.cn/logos.gif'" /></p>

下面是通過(guò)js的判斷

用javascript判斷指定圖片文件是否存在:
如判斷<img src="//www.dbjr.com.cn/logos.gif">這個(gè)圖片地址是否存在.
如果不存在,隔幾秒重新探測(cè)此圖片,如果地址有效則,提示地址有效

<script type="text/javascript">
function IsExist(url)
{
x = new ActiveXObject("Microsoft.XMLHTTP")
x.open("HEAD",url,false)
x.send()
return x.status==200
}
alert(IsExist("http://www.dbjr.com.cn/logos.gif"))
</script>

圖片存在則上面的返回true

<SCRIPT language="javascript">
var xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
xmlhttp.Open("GET", "http://www.dbjr.com.cn/logos.gif", false);
xmlhttp.Send();
alert(xmlhttp.responseText);
</SCRIPT>

圖片存在則返回GIF89aX

<img src="//www.dbjr.com.cn/logos2.gif" onerror="alert('該圖片不存在!');">

因?yàn)閳D片不存在則返回該圖片不存在!

基于jquery實(shí)現(xiàn)的

在js中判斷圖片鏈接是否有效，能否正常訪問(wèn)

//判斷圖片是否存在
function checkImgExists(imgurl) {
    var ImgObj = new Image(); //判斷圖片是否存在
    ImgObj.src = imgurl;
    //存在圖片
    if (ImgObj.fileSize > 0 || (ImgObj.width > 0 && ImgObj.height > 0)) {
         return true;
    } else {
         return false;
     }
}

到此這篇關(guān)于用Javascript判斷圖片是否存在，不存在則顯示默認(rèn)圖片的代碼的文章就介紹到這了,更多相關(guān)判斷圖片是否存在內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

  • 小試SVG之新手小白入門(mén)教程

    小試SVG之新手小白入門(mén)教程

    這篇文章主要給大家介紹了關(guān)于SVG的相關(guān)資料，文中通過(guò)圖文以及示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-01-01
  • js實(shí)現(xiàn)小時(shí)鐘效果

    js實(shí)現(xiàn)小時(shí)鐘效果

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)小時(shí)鐘效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2020-03-03
  • JS實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊箭頭旋轉(zhuǎn)180度功能

    JS實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊箭頭旋轉(zhuǎn)180度功能

    這篇文章主要介紹了JS實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊箭頭旋轉(zhuǎn)180度的效果,通過(guò)點(diǎn)擊三角按鈕旋轉(zhuǎn)180度,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友參考下吧
    2024-02-02
  • 完美實(shí)現(xiàn)js拖拽效果 return false用法詳解

    完美實(shí)現(xiàn)js拖拽效果 return false用法詳解

    這篇文章主要為大家詳細(xì)介紹了完美實(shí)現(xiàn)js拖拽效果的代碼，一起學(xué)習(xí)return false的用法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-07-07
  • 微信小程序傳值(傳遞數(shù)據(jù))的一些方法匯總

    微信小程序傳值(傳遞數(shù)據(jù))的一些方法匯總

    在微信小程序的開(kāi)發(fā)中,我們會(huì)經(jīng)常遇到頁(yè)面間數(shù)據(jù)傳遞或者相互影響的問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于微信小程序傳值(傳遞數(shù)據(jù))的一些方法,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-06-06
  • CocosCreator入門(mén)教程之用TS制作第一個(gè)游戲

    CocosCreator入門(mén)教程之用TS制作第一個(gè)游戲

    這篇文章主要介紹了CocosCreator入門(mén)教程之用TS制作第一個(gè)游戲，對(duì)TypeScript感興趣的同學(xué)，一定要看一下
    2021-04-04
  • 微信小程序?qū)崿F(xiàn)輪播圖標(biāo)題跑馬燈

    微信小程序?qū)崿F(xiàn)輪播圖標(biāo)題跑馬燈

    這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)輪播圖標(biāo)題跑馬燈，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2022-06-06
  • js數(shù)組去重的方法匯總

    js數(shù)組去重的方法匯總

    本文給大家匯總介紹了3種javascript數(shù)組去重的方法以及示例，十分的簡(jiǎn)單實(shí)用，有需要的小伙伴可以參考下。
    2015-07-07
  • 基于javascript實(shí)現(xiàn)隨機(jī)顏色變化效果

    基于javascript實(shí)現(xiàn)隨機(jī)顏色變化效果

    這篇文章主要介紹了基于javascript實(shí)現(xiàn)隨機(jī)顏色變化效果的相關(guān)資料,需要的朋友可以參考下
    2016-01-01
  • JavaScript數(shù)組和對(duì)象的復(fù)制

    JavaScript數(shù)組和對(duì)象的復(fù)制

    本篇文章主要介紹了JavaScript數(shù)組和對(duì)象的復(fù)制的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
    2017-03-03

最新評(píng)論