>  기사  >  웹 프론트엔드  >  이미지가 캐시된 경우에도 이미지에 대해 Onload 이벤트가 트리거되는지 확인하는 방법은 무엇입니까?

이미지가 캐시된 경우에도 이미지에 대해 Onload 이벤트가 트리거되는지 확인하는 방법은 무엇입니까?

Barbara Streisand
Barbara Streisand원래의
2024-10-25 05:49:29883검색

How to Ensure an Onload Event is Triggered for an Image, Even if It's Cached?

이미지 온로드 이벤트 및 브라우저 캐시

이미지가 로드되었는지 여부에 관계없이 이미지가 로드되면 경고 상자를 트리거하려고 합니다. 캐시되었는지 여부. 해결책은 src 앞에 onload 속성을 설정하는 것입니다.

var img = new Image();
img.onload = function () {
   alert("image is loaded");
}
img.src = "img.jpg";

이 방법은 최신 Firefox 및 Chrome 릴리스에서 작동합니다. 동적으로 생성된 단일 이미지에 맞게 조정된 다른 게시물의 답변을 사용할 수도 있습니다.

var img = new Image();
// 'load' event
$(img).on('load', function() {
  alert("image is loaded");
});
img.src = "img.jpg";

이는 최신 Firefox 및 Chrome 릴리스에서도 작동합니다.

위 내용은 이미지가 캐시된 경우에도 이미지에 대해 Onload 이벤트가 트리거되는지 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.