>웹 프론트엔드 >JS 튜토리얼 >웹페이지의 이미지가 성공적으로 로드되었는지 실패했는지 확인하는 방법은 무엇입니까?

웹페이지의 이미지가 성공적으로 로드되었는지 실패했는지 확인하는 방법은 무엇입니까?

coldplay.xixi
coldplay.xixi원래의
2020-06-30 15:08:204357검색

웹페이지의 이미지가 성공적으로 로드되었는지 또는 실패했는지 확인하는 방법: 먼저 이미지가 성공적으로 로드될 수 있는지 확인한 다음 자동으로 "이미지를 찾을 수 없습니다"와 같은 시스템 이미지로 변경해야 합니다. [for(var i=0; i

웹페이지의 이미지가 성공적으로 로드되었는지 실패했는지 확인하는 방법은 무엇입니까?


웹페이지에 이미지 로드의 성공 또는 실패를 판단하는 방법:

페이지에 사용자 정의 이미지가 있는 경우, 특히 다음과 같은 경우 사용자 정의 이미지가 자주 나타납니다. 오프사이트 이미지가 삭제되거나 접근할 수 없으므로 이미지가 성공적으로 로드될 수 있는지 확인해야 합니다. 그렇지 않으면 자동으로 "이미지를 찾을 수 없습니다"와 같은 시스템 이미지로 대체됩니다.

방법은 매우 간단합니다

BODY에 매우 간단한 JS 코드를 추가

document.body.οnlοad=getImg;
function getImg()
{ 
 for(var i=0;i<document.images.length;i++)
 {
  if(document.images[i].readyState!=&#39;complete&#39;)
   document.images[i].src="/images/no.JPG";
 }
}

하거나 각 그림의 온로드에서 ReadyState를 판단하세요

관련 학습 권장사항: javascript 비디오 튜토리얼

위 내용은 웹페이지의 이미지가 성공적으로 로드되었는지 실패했는지 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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

관련 기사

더보기