jQuery 또는 JavaScript를 사용하여 서버 파일의 존재를 어떻게 확인할 수 있습니까?

jQuery 또는 JavaScript를 사용하여 서버 파일 존재를 확인하는 방법

서버 파일 존재 여부를 확인하는 것은 일반적인 작업입니다. 웹 개발. jQuery와 JavaScript는 이를 달성하기 위한 간단한 솔루션을 제공합니다.

jQuery 메서드:

jQuery는 검색을 위해 서버에 요청을 보내는 HEAD 메서드와 함께 Ajax 요청을 사용합니다. 실제로 콘텐츠를 다운로드하지 않고도 파일에 대한 메타데이터를 확인할 수 있습니다. 서버가 오류(예: 404)를 반환하면 파일이 존재하지 않는 것입니다. 그렇지 않으면 그렇습니다.

$.ajax({
    url:'http://www.example.com/somefile.ext',
    type:'HEAD',
    error: function() {
        //file not exists
    },
    success: function() {
        //file exists
    }
});

순수한 JavaScript 메서드(jQuery 없음):

이 메서드는 XMLHttpRequest 개체를 사용하여 HEAD 요청을 보냅니다. 상태 코드 404는 파일이 존재하지 않음을 나타냅니다. 다른 상태 코드는 그 존재를 나타냅니다.

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

비동기 실행을 위한 업데이트된 접근 방식:

동기 XMLHttpRequest가 더 이상 사용되지 않으므로 비동기 유틸리티 메서드를 사용할 수 있습니다.

function executeIfFileExist(src, callback) {
    var xhr = new XMLHttpRequest()
    xhr.onreadystatechange = function() {
        if (this.readyState === this.DONE) {
            callback()
        }
    }
    xhr.open('HEAD', src)
}

위 내용은 jQuery 또는 JavaScript를 사용하여 서버 파일의 존재를 어떻게 확인할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!