[Util No.001] URL 존재여부 체크

안녕하세요.

 

이번에는 Javascript를 이용하여 URL의 존재여부 체크하는 방법을 공유하고자 포스팅합니다.

 

function checkStatus(req, status) {
	//console.log('responseURL', req.responseURL);
    if(status == 200) {
        // URL 존재
    }
    else {
    	// 에러 or 존재하지 않는 URL
        console.log(status);
    }
}
function urlExistCheck(url) {
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
        if(this.readyState == 4)
            checkStatus(this, this.status);
    }
    xhr.open("HEAD", url);
    xhr.send();
}

urlExistCheck('검사할 URL');

 

코드를 설명하자면,

 

urlExistCheck와 checkStatus 함수를 추가하시고,

urlExistCheck 함수를 원하는 곳에서 호출해서 사용하시면 됩니다.

 

저는 이미지 url이 실제 존재하는지 체크를 하여 존재할 경우에 처리를 하려고 사용하였습니다.

(checkStatus 함수에서 status가 200일 경우)

 

url의 존재여부를 체크하는 다른 방법도 있지만, 저는 위의 방법이 간단해서 좋네요.

이상입니다:)