1

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

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

下次会将这些图像保存到服务器，以便用户可以在我的网站上访问这些图像。

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

4

2 回答 2

1

这需要其他网站的合作才能<iframe>使用 JavaScript 安全地插入您的内容（很多像 Facebook 这样的网站都这样做）。看看这个答案：Facebook Like 按钮是如何工作的？

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

于 2012-12-05T08:15:16.870 回答
0

您不能通过小书签提交二进制图像文件。您只能将包含这些图像的 URL 的 HTTP GET 或 POST 提交到您的服务器，并且您的服务器会自行获取图像。进行跨域发布的一种方法是提交form. iframe可以在targetfor a处使用空白，form这样当您提交该表单时，当前页面位置不会改变。

例子：

<iframe style="display:none" name="myHiddenIframe"></iframe>
<form action="http://savepicturesite.abc/transload.php" target="myHiddenIframe" method="post">
  <input type="hidden" name="pic1" value="http://domain.com/pic.jpg">
</form>
于 2012-12-06T17:09:57.823 回答