如何从HTML源代码下载所有链接的图像？

整体使命： 为了打印的目的，我想下载330个从Pinterest板子链接的图像。请注意，不是您访问董事会时看到的缩略图，而是他们链接的较大图像。如何从HTML源代码下载所有链接的图像？

上下文： 转到Pinterest.com主板选择并查看源代码。相关的高分辨率图像链接可以在页面的源代码可以看出，atttribute data-closeup-url

例URL http://pinterest.com/stonegarden/misc/

有关董事会受邀制，我估计可能是适切的问候脚本中不被'登录'等。

我的问题是：我怎样才能以最小的努力从板上下载所有这些330高分辨率图像？ I.e与脚本，iMacros或其他任何东西。最终结果将是一个文件夹，其中包含下载的所有这330个图像。

编辑的要求：

什么我试过到目前为止 我没有使用任何特定的编程语言，我的技能是在该领域的限制。无论哪种方式，我想这个问题将是权限。

Firefox扩展的iMacros自动化 - 失败了，因为我不能让它做任何事情与图像的URL等方面的原因
由诺提供的解决方案非常有用 - 我可以粘贴相关的URL，但失败并说“没有权限请求的资源”

那么，如何Pinterest的点击缩略图，以获得大图像的用户区分和Safari浏览器尝试通过下载窗口，下载同样的资源？

来源

2013-02-08 Jan ' Saffi' Stekelgunsson

如果这是一个编程问题（因此非常适合该站点），您应该明确地说出您的编程语言以及迄今为止尝试的内容。否则，您只需在计算机中安装[HTTrack]（http://www.httrack.com/）。 – 2013-02-08 13:48:52

请注意，这是**不是数据挖掘**（这是高级数据分析）。我删除了该标签，取而代之的是[tag：web-scraping]。 – 2013-02-09 09:15:36

感谢您的意见和提示，我试着改进我的问题！ – 2013-02-09 11:15:00

打开浏览器的网络检查器并转到控制台。

把这个代码：

var s = ''; $('div[data-closeup-url]').each(function() { 
s+= $(this).data('closeup-url') + "\n"; 
}); s;

这会给你所有的图片的网址，然后你可以复制并粘贴到一个URL捕获像jdownloader效用。取消与登录到其服务器相关的任何操作。或者只是为每个URL写一个脚本到file_get_contents（php）。

如果使用Safari浏览器，打开下载窗口的URL列表粘贴到下载窗口（Ctrl + V或Cmd + V键），并下载所有的人（在Safari 6测试在Mac）

来源

2013-02-08 13:55:21 Benno

非常感谢！但是，仅在Safari中显示“下载”窗口（Mac OS X 10.7.5上的版本6.0.2），我无法粘贴任何内容。你如何到达你所指的下载窗口？ – 2013-02-08 14:10:36

嗯...你知道什么时候你下载的东西，它显示窗口右上角的蓝色小进度条？我只是随便下载了一些东西，点击蓝色栏，点击窗口窗格附近的下载窗口，然后键入cmd + v ...这就是你在你的版本中所拥有的东西吗？我也有6.0.2，但我有山狮）。不能右键单击粘贴，只能使用cmd + v ......如果你不能这样做，很奇怪：S – Benno 2013-02-08 14:14:01

现在我几乎已经开始工作了，在粘贴的字符串的开始处有一些不需要的字符。所以现在它接受我的粘贴，但给我“没有请求资源的权限”，虽然我在Safari上登录到此机器上的Pinterest。 – 2013-02-08 14:37:42

如何从HTML源代码下载所有链接的图像？

回答

相关问题