2010-08-16 9 views
8

이미지 링크가 끊어진 경우 이미지가 손상되었는지 감지하고 이미지 링크가 기본 이미지로 바뀌어야합니다. 이미지 프록시를 사용하여이 작업을 수행 할 수 있음을 알고 있지만 자바 스크립트를 사용하여 즉시 수행하려고합니다.자바 스크립트에서 깨진 이미지를 감지하는 방법은 무엇입니까?

+2

유사 게시물 :이 일을 http://stackoverflow.com/questions/92720/jquery-javascript-to-replace-broken-images – jessegavin

답변

11

나는 img 요소의 onerror 이벤트라고 생각합니다. onerror=function(){} 나는 그것을 사용한 적이 없지만. 당신에 대한 일반 핸들러를 만들 수 있도록 onerror가 DOM에 위쪽으로 전파됩니다 어떤 이벤트로

<script language='javascript'> 
function defaultImage(img) 
{ 
    img.onerror = ""; 
    img.src = 'default.gif'; 
} 
</script> 
<img alt="My Image" src="someimage.gif" onerror="defaultImage(this);" /> 
-1

예를 사용할 수 있습니다 이 오류 유형.

<script type="text/javascript"> 
jQuery(document).bind('error', function(event) { 
    console.log(event.target.src); 
}); 
</script> 
+2

일반적인 경우 -이 작동합니다. 하지만'default.gif'도 깨지거나 발견되지 않으면 무한 루프가 발생할 것이라는 확신이 있습니다. 이것이 http://stackoverflow.com/questions/92720/jquery-javascript-to-replace-broken-images에서 defaultImage 함수 –

+0

좋은 점에서 AC 응답이 img.onerror를 공백으로 설정하는 이유입니다. 내가 바꿀거야. –

관련 문제