현재 웹 사이트에서 사용중인 모든 이미지 목록을 얻으려면 어떻게해야합니까?

Question

내 고객은 현재 웹 사이트에 게시 된 모든 이미지에 워터 마크를 넣기를 원합니다. 그러나 현재 게시 된 이미지 (약 100 개)는 img00415.jpg와 같은 일반 이름을 사용하여 모든 오래된 이미지 (~ 4000 개)와 같은 디렉토리에 있습니다. 나는 이미지를 자동으로 워터 마크하는 포토샵 스크립트를 가지고있다.하지만 4000 개를 모두 수행하면 포토샵 사본을 차지하게 될 것이다. 하나님은 얼마나 오래 있는지, 나는 다른 일을해야한다는 것을 알고 있기 때문이다.

게시되거나 게시되지 않은 이미지를 물리적으로 사이트 나 소스 코드 (예 : 2002와 같은 정적 HTML 사이트)에서 보는 것 외에는 구분할 방법이 없습니다. 현재 사용중인 모든 이미지 자원 목록을 얻으려면 어떻게합니까?

Answer 1

이 배열 (페이지)의 모든 이미지 소스를 반환합니다

var images = document.getElementsByTagName('img'); 
var srcList = []; 
for(var i = 0; i < images.length; i++) { 
    srcList.push(images[i].src); 
} 

메인 레이아웃 페이지의 상단에 넣어 당신이있는 경우 모든 페이지