자바 스크립트 체크 이미지는 그들에게

Question

가능한 복제를 배포하기 전에 존재 :
How do I check if file exists in jQuery or Javascript?

내가 XML 파일에서이 동적 슬라이더를 짓고 있어요. 슬라이더는 대상의 서버에서 이미지를로드합니다. 불행히도 XML의 모든 이미지가 서버에 존재하지는 않으며 빈 슬라이드를 피하고 싶습니다. (일단 목록을 얻으면 각 슬라이드에 이미지를 배경 이미지로 배치합니다).

(자바 스크립트로)이 슬라이더를 채우기 전에 이러한 이미지가 404인지 확인할 수있는 방법이 있습니까? 아약스는 다른 서버에 있기 때문에 액세스 할 수 없거나 제어 할 수 없기 때문에 할 수 없습니다.

내가 목록 (배열)에 넣기 전에 결함있는 이미지를 감지하면됩니다. 슬라이더에 먹이를주었습니다.

Answer 1

당신이 할 수있는 일은 이미지의 개수를 세고, onload 이벤트를 연결하고 JS를 사용하여로드하고 성공을 세는 것입니다. 시간 초과 후 실패했다고 가정합니다.

Answer 2

자바 스크립트 기능을 사용하여이를 URL과 함께 각 img에서 호출 할 수 있습니다.

function checkImage(src) { 
    var img = new Image(); 
    img.onload = function() { 
    console.log("Image is good"); 
    img.src = src; // 
    return true; 
    }; 
    img.onerror = function() { 
    console.log("Image is bad"); 
    return false; 
    }; 
}