이미지 링크가 끊어진 경우 이미지가 손상되었는지 감지하고 이미지 링크가 기본 이미지로 바뀌어야합니다. 이미지 프록시를 사용하여이 작업을 수행 할 수 있음을 알고 있지만 자바 스크립트를 사용하여 즉시 수행하려고합니다.자바 스크립트에서 깨진 이미지를 감지하는 방법은 무엇입니까?
답변
나는 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);" />
당신은 코드의 <img onerror='doWhateverFunction()'
등 등
http://msdn.microsoft.com/en-us/library/cc197053(v=VS.85).aspx
정말 멋진 방법! – KalC
예를 사용할 수 있습니다 이 오류 유형.
<script type="text/javascript">
jQuery(document).bind('error', function(event) {
console.log(event.target.src);
});
</script>
일반적인 경우 -이 작동합니다. 하지만'default.gif'도 깨지거나 발견되지 않으면 무한 루프가 발생할 것이라는 확신이 있습니다. 이것이 http://stackoverflow.com/questions/92720/jquery-javascript-to-replace-broken-images에서 defaultImage 함수 –
좋은 점에서 AC 응답이 img.onerror를 공백으로 설정하는 이유입니다. 내가 바꿀거야. –
:
- 1. 내 자바 스크립트에서 링크의 클래스를 감지하는 방법?
- 2. 자바 스크립트에서 시청자의 홈페이지를 감지하는 방법이 있습니까?
- 3. 자바 스크립트에서 다운로드 시작을 감지하는 방법이 있습니까?
- 4. PHP - 깨진 세션 종료 datetime을 감지하는 방법?
- 5. jQuery를 사용하여 IE에서 깨진 이미지를 숨기는 방법은 무엇입니까?
- 6. 자바 스크립트에서 동적으로로드 된 이미지를 제거하는 방법
- 7. 자바 스크립트에서 이미지를 나타내는 텍스트 값
- 8. 깨진 자바 맥 10.6
- 9. 깨진 이미지를 숨길 수 있습니까?
- 10. 자바 스크립트에서 ===는 무엇입니까?
- 11. 자바 스크립트에서 이미지의 크기를 얻는 방법은 무엇입니까?
- 12. 자바 스크립트에서 변수의 문자열을 디코딩하는 방법은 무엇입니까?
- 13. 자바 스크립트에서 페이지 게시물을 제어하는 방법은 무엇입니까?
- 14. 자바 스크립트에서 SWFObject를 제어하는 방법은 무엇입니까?
- 15. 자바 스크립트에서 HTML 요소를 교체하는 방법은 무엇입니까?
- 16. 자바 스크립트에서 임의의 숫자를 선택하는 방법은 무엇입니까?
- 17. 자바 스크립트에서 배열 식별자를 얻는 방법은 무엇입니까?
- 18. 자바 스크립트에서 div를 숨기는 방법은 무엇입니까?
- 19. 자바 스크립트에서 click 이벤트를 호출하는 방법은 무엇입니까?
- 20. 자바 스크립트에서 var 이름을 연결하는 방법은 무엇입니까?
- 21. 자바 스크립트에서 특정 개체에 액세스하는 방법은 무엇입니까?
- 22. 자바 스크립트에서 클릭을 시뮬레이트하는 방법은 무엇입니까?
- 23. 자바 스크립트에서 참조 값을 복사하는 방법은 무엇입니까?
- 24. 자바 스크립트에서 String을 long으로 변환하는 방법은 무엇입니까?
- 25. 자바 스크립트에서 DOM 창을 만드는 방법은 무엇입니까?
- 26. 자바 스크립트에서 JSON을 구문 분석하는 방법은 무엇입니까?
- 27. 자바 스크립트에서 파이썬으로 데이터를 전달하는 방법은 무엇입니까?
- 28. 자바 스크립트에서 iframe을 사용 중지하는 방법은 무엇입니까?
- 29. 깨진 파이프를 방지하는 방법은 무엇입니까?
- 30. 자바 스크립트에서 이미지 색상 변경
유사 게시물 :이 일을 http://stackoverflow.com/questions/92720/jquery-javascript-to-replace-broken-images – jessegavin