如何获取网站上当前使用的所有图像的列表?

时间:2014-10-22 17:10:15

标签: javascript html jpeg

我的客户希望当前在其网站上发布的所有图片都加水印。但是,当前发布的图像(大约100个)与所有过时的图像(大约4000个)位于同一目录中,通用名称如img00415.jpg。我有一个自动为图像添加水印的photoshop脚本,但是所有4000个将占用我的photoshop副本,因为上帝知道多久,我需要做其他事情。

除了在网站或源代码中实际看到它们之外,没有办法区分已发布或未发布的图像(它是像2002年那样的静态HTML网站)。如何获取当前正在使用的所有图像资源的列表?

1 个答案:

答案 0 :(得分:1)

这将返回数组中的所有图像源(在页面上):

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

将它放在主布局页面的顶部并在每个页面上运行