JavaScript를 사용하여 서버에 이미지가 있는지 확인하는 방법은 무엇입니까?

JavaScript를 사용하여 서버에서 이미지 가용성 감지

질문:

이미지 리소스가 존재하는지 프로그래밍 방식으로 확인하는 방법 사용하는 서버 JavaScript?

답변:

JavaScript를 사용하면 XMLHttpRequest를 사용하여 HTTP 요청을 시작하거나 jQuery와 같은 라이브러리를 활용하여 이미지 가용성을 확인할 수 있습니다.

XMLHttpRequest를 사용하는 다음 솔루션을 고려하십시오.

function imageExists(image_url) {
  const http = new XMLHttpRequest();

  http.open('HEAD', image_url, false);
  http.send();

  return http.status != 404;
}

이 함수는 HTTP를 보냅니다. 지정된 이미지 URL에 대한 HEAD 요청을 수행하고 응답 상태가 404(찾을 수 없음)가 아닌지 확인합니다. 이미지가 존재하면 true를 반환합니다. 그렇지 않으면 false를 반환합니다.

또는 간결한 구현을 위해 jQuery를 사용할 수 있습니다.

$.get(image_url)
  .done(function() { 
    // Image exists - take appropriate action.
  })
  .fail(function() { 
    // Image doesn't exist - handle accordingly.
  });

이러한 기술을 사용하면 이미지 가용성을 동적으로 확인하고 이에 따라 HTML을 수정할 수 있습니다.

위 내용은 JavaScript를 사용하여 서버에 이미지가 있는지 확인하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!