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

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

웹 개발 시나리오에서는 특정 이미지 파일이 서버에 있는지 확인해야 할 수도 있습니다. 사용자 인터페이스에서 사용하기 전에 서버를 확인하세요. JavaScript는 이미지 존재 여부를 확인하는 방법을 제공하여 웹 페이지에 대한 동적 실시간 업데이트를 가능하게 합니다.

이를 달성하기 위해 서버에서 데이터를 보내고 받을 수 있는 XMLHttpRequest 개체를 활용할 수 있습니다. 자바스크립트를 사용합니다. 다음 코드 조각은 이미지가 존재하는지 확인하는 방법을 보여줍니다.

function imageExists(image_url) {
    var http = new XMLHttpRequest();
    http.open('HEAD', image_url, false);
    http.send();
    return http.status != 404;
}

이 함수는 지정된 이미지 URL에 대한 HTTP HEAD 요청을 수행합니다. HEAD 요청은 전체 이미지를 다운로드하지 않고 리소스의 헤더 정보만 검색합니다. 반환된 HTTP 상태 코드가 404(찾을 수 없음)가 아니면 이미지가 서버에 존재한다는 의미입니다.

또는 jQuery를 사용하면 프로세스를 단순화할 수 있습니다.

$.get(image_url)
    .done(function() {
        // Do something now you know the image exists.
    })
    .fail(function() {
        // Image doesn't exist - do something else.
    })

이에서 예를 들어 jQuery의 $.get() 함수는 HTTP GET 요청을 이미지 URL로 보냅니다. 요청이 성공하면(HTTP 상태 코드가 404가 아님) done() 콜백 함수가 실행됩니다. 그렇지 않으면 실패() 콜백 함수가 호출됩니다.

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