如何从其他网页获取图像并在我的网站上显示

我只是想知道如何从其他网页获取图像并在我的网站上显示。

案例流程是:

  1. 在文本框中键入一些页面URL并提交
  2. 收集该网页中的所有图像(不是整个网站)并在我的网页中显示

因此,您需要从页面获取图像,输入数据是该页面的地址。 那么,你有两个解决方案:

I.如果这是您的网站的function,其他人将使用,那么普通的JavaScript是不够的,因为浏览器的隐私策略阻止从其他页面获取此类数据。 在这种情况下,您需要将URL发送到服务器上的脚本,该脚本将下载该页面,将其解析为s并返回图像srcs列表。

如何做到这一点是一个非常复杂的问题,因为它取决于你网站的serever端编程语言。 无论如何,这样的function将包括使用AJAX技术的客户端javascript和服务器站点脚本(例如php)。 客户端脚本非常简单。

在客户端,您的js必须:

1. Get desired URLs 2. Send them to server 3. Wait for server's response (which contains srcs of images on desired page) 4. Create img tags with srcs which you got from server script 

谷歌的这个关键字是,例如,AJAX,XmlHttpRequest和JSONP(对不起,如果你已经知道:)

在服务器端你的(php | ruby​​ | python | perl | brainfuck)必须:

 1. Get page URL from javascript code at step 2 2. Download a page by that url 3. Parse it looking for img tags and their srcs 4. Send list of srcs (in XML, JSONP or any other form) back to client 

II。 如果您需要从其他页面获取图像仅供个人使用,您可以为浏览器编写扩展程序。 这种方式不需要任何服务器端脚本。

如果你想用javascript抓取其他网站,你应该创建一个服务器端脚本,它可以充当代理,或者你可以使用YQL。

这是我用YQL调用跨域ajax的答案,

Cross Domain Post方法使用jquery和xml响应调用ajax

首先检查版权。 仅在所有者提供图像供免费使用时复制。 另请阅读并理解使用许可。

如果图像可以根据许可证所有者的说明自由使用,则下载图像然后使用它。 此外,请不要忘记保存许可证的副本和您下载图像的网站URL。

建议下载然后使用,以便明天其他网站关闭,那么您的网站不会受到影响。

最后但并非最不重要,尝试设计/拍摄自己的图像。 即使他们不如别人,至少他们是真的。