這篇文章主要介紹“jquery如何檢查圖片是否存在”，在日常操作中，相信很多人在jquery如何檢查圖片是否存在問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”jquery如何檢查圖片是否存在”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

創(chuàng)新互聯(lián)建站，為您提供重慶網(wǎng)站建設(shè)公司、成都網(wǎng)站制作公司、網(wǎng)站營銷推廣、網(wǎng)站開發(fā)設(shè)計(jì)，對(duì)服務(wù)成都不銹鋼雕塑等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)及推廣經(jīng)驗(yàn)。創(chuàng)新互聯(lián)建站網(wǎng)站建設(shè)公司成立于2013年,提供專業(yè)網(wǎng)站制作報(bào)價(jià)服務(wù),我們深知市場(chǎng)的競(jìng)爭(zhēng)激烈，認(rèn)真對(duì)待每位客戶，為客戶提供賞心悅目的作品。 與客戶共同發(fā)展進(jìn)步，是我們永遠(yuǎn)的責(zé)任！

一、使用 jQuery 檢查圖片是否存在

我們可以通過 .load() 方法來檢測(cè)圖像是否成功加載。.load() 方法會(huì)在所選元素加載完成時(shí)觸發(fā)事件。如果圖像成功加載，則會(huì)觸發(fā) load 事件；否則會(huì)觸發(fā) error 事件，如下所示：

$('img').on('load', function() {
  console.log('Image is loaded');
}).on('error', function() {
  console.log('Image is not loaded');
});

在上面的示例中，我們首先選擇所有的圖片元素，然后監(jiān)聽它們的 load 和 error 事件，在圖片成功加載時(shí)輸出“Image is loaded”，否則輸出“Image is not loaded”。

二、處理圖片不存在的情況

當(dāng)我們檢測(cè)到圖片不存在時(shí)，可以通過以下幾種方式做出相應(yīng)處理：

1. 顯示默認(rèn)圖片

在圖片不存在的情況下，我們可以在網(wǎng)站中為每個(gè)圖片添加一個(gè)默認(rèn)的 “暫無圖片” 圖片。當(dāng)檢測(cè)到圖片不存在時(shí)，我們可以通過修改圖片元素的 src 屬性來展示默認(rèn)圖片，代碼如下：

$('img').on('error', function() {
  $(this).attr('src', 'default.jpg');
});

在上述代碼中，當(dāng)檢測(cè)到圖片不存在時(shí)，我們將這個(gè)元素的 src 屬性修改為 default.jpg，以便展示默認(rèn)圖片。

2. 顯示圖片加載失敗提示

我們也可以在圖片加載失敗時(shí)，在圖片位置展示一個(gè)提示文本，提示用戶當(dāng)前展示的圖片加載失敗。代碼如下：

$('img').on('error', function() {
  $(this).after('圖片加載失敗
');
});

在上述代碼中，我們通過 .after() 方法在圖片元素后面添加了一個(gè)

元素用于展示圖片加載失敗的提示文本。

3. 隱藏圖片容器

當(dāng)圖片不存在時(shí)，我們也可以將它的容器（比如

$('img').on('error', function() {
  $(this).parent().hide();
});