오류 처리를 포함하여 이미지가 jQuery에 로드되었는지 어떻게 안정적으로 확인할 수 있습니까?

jQuery: 이미지가 로드되었는지 확인(오류 처리)

jQuery에서는 로드를 사용하여 이미지가 로드되었는지 확인할 수 있습니다. () 및 error() 이벤트. 그러나 jQuery가 이러한 이벤트를 등록하기 전에 오류가 발생하는 경우에는 제한이 있습니다.

이 문제를 해결하려면 이미지의 전체 속성을 확인하여 jQuery가 작동하기 전에 이미지가 이미 로드되지 않았는지 확인할 수 있습니다. 그러나 이 접근 방식은 이벤트가 등록되기 전에 발생하는 오류를 감지하지 못합니다.

해결책:

더 강력한 솔루션은 다음 순서:

function IsImageOk(img) {
  // Check if the image is complete
  if (!img.complete) {
    return false;
  }

  // Check if the image has a valid natural width
  if (img.naturalWidth === 0) {
    return false;
  }

  // Assume the image is okay
  return true;
}

먼저 완료를 확인하면 이미지가 이미 로드되었는지 빠르게 확인할 수 있습니다. 그렇지 않은 경우 이미지의 실제 크기를 제공하는 naturalWidth를 검사합니다. 0이면 이미지를 로드하지 못한 것입니다. 이 접근 방식을 사용하면 jQuery 이벤트 등록 전에 로드 성공과 오류가 모두 감지됩니다.

위 내용은 오류 처리를 포함하여 이미지가 jQuery에 로드되었는지 어떻게 안정적으로 확인할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!