HTML5 / Javascript代码可以从页面浏览器下载图像？

Question

我需要javascript代码才能下载网页中的所有图像。 有办法吗？

当浏览器加载页面时，该页面中可能会有一些图像，如何列出所有图像并下载？ 我的意思是这不应该涉及将请求发送到服务器。 由于浏览器已加载图像，因此我需要从浏览器而非服务器下载图像。 如何做呢？

Answer 1

您可以获取所有图像并将其绘制在画布上，然后使用getImageData获取内容。 看到这个链接

Answer 2

您可以获取所有URL的列表，或像这样遍历图像

var images = document.getElementsByTagName("img");

var urls = [];

Array.prototype.forEach.call(images, function (image) {
    if (image.src.length > 0) {
        urls.push(image.src);
    }
});

console.log(urls);

jsfiddle上有一个实时示例

也可以将图像保存到磁盘，请参见示例 ，但是当图像来自另一个域时则不能。

这是更新的小提琴 ，显示了跨域安全性错误。

同源政策
同源政策