javascript - 使用书签将当前页面上的图像保存到远程服务器

Question

我创建了一个小书签，当点击它时，它会从页面中提取所有图像。

var imgs = $('img');
for(var i=0; i < imgs.length; i++) {
    console.log(imgs[i].src);
}

下次会把这些图片保存到服务器，这样用户就可以在我的网站上访问这些图片了。

在深入了解 pinterest 等使用的脚本后，他们似乎使用了 iframe，但我无法弄清楚 iframe 的用途，因为它是一个空的 HTML 文档。如何使用 iframe 或其他任何东西将图像从当前网站提交到我的网站？

Answer 1

这需要对方网站配合插入你的<iframe>安全地使用 JavaScript(许多网站，如 Facebook，都这样做)。看看这个答案:How does the Facebook Like button work?

您可以使用 JSONP 创建跨域请求。我只会将图像源发布到您的网站。然后，您的站点可以下载图像(而不是从 html 本身下载图像)。