使用 javascript 从网页访问图像

【问题标题】：Accessing images from a webpage using javascript使用 javascript 从网页访问图像
【发布时间】：2015-07-22 04:58:37
【问题描述】：

如何从当前网页使用 java 脚本获取同一页面中所有图像的 url 或 src？

【问题讨论】：

可能重复 (stackoverflow.com/questions/5809051/…)
我尝试将此代码 sn-p 作为弹出窗口的一部分，我认为当前窗口不是活动选项卡，而是当前窗口被视为弹出窗口。所以图片的数量是0。有什么办法可以纠正我的错误吗？

标签： javascript

【解决方案1】：

很简单，....

 <script>
 function extractImg(){
    var images = document.getElementsByTagName("img");
    var myImgs[];
    for (i=0; i < images.length; i++) 
    {
      myImgs.push(images[i].src);
    }
    return myImgs;
  }
 </script>

【讨论】：

【解决方案2】：

var imgs = document.getElementsByTagName('img');

var result = [];

for (var i = 0, il = imgs.length; i < il; ++i) {
  if (imgs[i].src) result.push(imgs[i].src);
}

results 现在包含页面上找到的图像标签的 src。

【讨论】：

【解决方案3】：

假设你使用的是 jQuery，你可以使用这样的东西：

var Collection = $('img');
var ImgSources = [];
$.each(Collection,function(i,elm){
    ImgSources.push($(elm).attr('src'));
});

...现在您有了一个数组ImgSources，其中所有图像的来源都是字符串。

【讨论】：