자바 스크립트에서 계속적으로 이미지로드 가능

Question

자바 스크립트에서 이미지를 사용할 수 있는지 확인한 후 가능한 경우 img 태그의 SRC를 변경하여 일치시킬 수 있습니까? 루프에는 카운터가 있으므로 처음 실행될 때 image1.png와 image2.png 등을 찾습니다.

일단 사용 가능하면 image1.png를로드하고 image2.png가 사용 가능한지 확인한 후 즉시 페이지에로드 한 다음 image3과 동일하게 수행하십시오. PNG 등등.

가 나는 Check if image exists on server using JavaScript?에서

function imageExists(image_url){ 

    var http = new XMLHttpRequest(); 

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

    return http.status != 404; 

} 

사용하여 시도했다, 그러나 나는 웹 페이지가 컴퓨터에 로컬로 작동해야하고,이 후 작동하지 않습니다.

이것을 달성 할 방법이 있습니까?

Answer 1

코드에 아무 문제가 없으며 사용하는 방식입니다. 이 코드를 대신 사용하십시오 :

function imageExists(url) 
{ 
    url = window.location.protocol + window.location.host + url; 
    var http = new XMLHttpRequest(); 
    http.open('HEAD', url, false); 
    http.send(); 
    return http.status!=404; 
}