지정된 경로에 이미지가 없음을 확인하는 방법

Question

지정된 경로에서 이미지를 사용할 수 있는지 여부를 어떻게 확인할 수 있습니까? 나는 예를 들어

... 지정된 경로에 이미지가없는 경우 오류 메시지를 표시하려면 :

<img src="images/products/default.bmp" alt="NoImage"/> 

을하지만,이 경로에 아무런 이미지 default.bmp가없는 경우 다음 고도 Noimage이 될 것입니다 표시되지만이 떨어져 나는 또한 오류 메시지를 표시하고 싶습니다 ...이 나는 이미지가 없다는 것을 결정할 필요가 어떻게 할 수 있습니다.

감사 로미

Answer 1

var img = document.getElementsByTagName('img')[0]; 
if(img.complete){ 
    console.log('loaded'); 
}else{ 
    console.log('not loaded'); 
} 

Answer 2

사용 IMG "의 OnError"이벤트, 예를 회신 해 주시기 바랍니다

<img id="image" alt='img' src="myImg.gif"/> 
<script> 
function noImg() { 
    alert("Can't find image!"); 
} 
document.getElementById("image").onerror = noImg; 
</script> 

img src를 찾을 수 없거나로드되지 않으면 실행됩니다. 가 0 인 경우 jQuery를

$('img').error(function(){ 
    console.log('error'); 
}); 

또 다른 방법을 사용하여

는

Answer 3

또한, 이미지의 폭을 확인할 수 있습니다

if ($(‘#imageID’).getwidth() == 0) { 
    alert("Can't find image!"); 
}