2012-07-21 125 views
-1

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

案例流程是:

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

你认为这是道德的吗? – inhan 2012-07-21 17:02:10

+0

@inhan,如果是关于报废的话,一个好方法是写一个后端来做报废,而不是使用浏览器环境。 – Adrian 2012-07-21 17:04:47

+0

yeap。这是道德的,如果我们承认原来的网站:) – JADKI51 2012-07-27 04:30:37

回答

0

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

如果图像可以自由使用,如许可证所有者所述,然后下载图像然后使用它。另外,请不要忘记在下载图像的位置保留许可证和网站URL的副本。

建议下载并使用,以便明天如果其他网站关闭,则您的网站不受影响。

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

+0

感谢您的建议Rishi Kalia。但这是我们网站的主要要求。我们不打算继续使用我们只想在我们的网站上显示图像的图像,并提供原始网站的链接。 – JADKI51 2012-07-27 04:28:20

3

所以,你需要从网页获得的图像,并且输入数据是页的THH地址。那么,您有两种解决方案:

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

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

在客户端的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。如果您需要从其他页面获取仅用于个人用途的图像,则可以为浏览器编写扩展名。这种方式不需要任何服务器端脚本。

+0

'关键字为谷歌是,例如,AJAX,XmlHttpRequest和JSONP'。我嘲笑这个:)不错的建议,喜欢它 – Jashwant 2012-07-21 17:26:10

相关问题