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

JavaScript를 사용하여 서버에 이미지 존재 확인

웹 페이지에서 서버의 특정 이미지에 액세스할 수 있는지 확인해야 하는 경우 1.jpg부터 5.jpg까지의 이미지를 로드할 수 있으며 JavaScript는 도움이 되었습니다.

해결책:

다음 접근 방식을 사용하면 매분 이미지 존재를 확인하는 JavaScript 함수를 만들 수 있습니다.

1. XMLHttpRequest 활용 object:

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

이 함수는 이미지 URL에 HTTP HEAD 요청을 하고 서버가 이미지가 존재하지 않음을 나타내는 404 상태로 응답하는지 확인합니다.

2. 또는 jQuery나 이와 유사한 다른 것을 사용하세요. 라이브러리:

   $.get(image_url)
    .done(function() { 
        // Perform some action if the image exists.
   
    }).fail(function() { 
        // Perform an alternative action if the image does not exist.
   
    })

jQuery 메서드를 사용하면 비동기 GET 요청을 만들고 서버의 응답에 따라 실행할 다른 작업을 지정할 수 있습니다.

구현하여 이러한 기술 중 하나를 사용하면 JavaScript 코드에서 이 정보를 검색하여 서버에서의 가용성에 따라 이미지 로딩을 동적으로 관리할 수 있습니다.

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