如何根據src屬性檢查圖像元素是否存在於基於src屬性的DOM中？

Question

我有一些可以放大的預覽圖像。 如果用戶點擊「放大」時，圖像緩存：

var zoomImg = new Image(); 
     zoomImg.onload = function() { 
     image.attr('src', zoomlist[currentFrame]); 
    }); 

我需要知道的是什麼，是如何檢查如果圖像緩存或沒有，知道我是否應該顯示加載程序。

Answer 1

您可以通過檢查圖像是否完整和readystate屬性來檢查圖像是否被緩存。

var zoomImg = new Image(); 
zoomImg.src = zoomlist[currentFrame]; 
if (zoomImg.complete || zoomImg.readystate === 4) { 
    image.attr('src', zoomlist[currentFrame]) 
} 
else { 
    showLoader(); 
    zoomImg.onload = function() { 
     hideLoader(); 
     image.attr('src', zoomlist[currentFrame]); 
    }); 
} 

Answer 2

您可以像這樣使用屬性選擇器。

if($('img[src="imageSource"]').length){ 
    //Image is present 
} 

注意：這將在DOM中找到img元素，而不是緩存。