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

how to get images from other web page and show in my website

本文关键字:我的 网站 显示 图像 其他 网页 获取      更新时间:2024-01-01

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

案例流程为:

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

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

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

如何做到这一点是一个相当复杂的问题,因为这取决于你的网站的serever端编程语言。无论如何,这样的功能将包括使用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调用的答案

使用jquery和xml响应的跨域Post方法ajax调用

首先检查版权。仅当图像由所有者免费提供时才进行复制。还要阅读并理解使用许可证。

如果该图像是根据许可证所有者的声明免费使用的,请下载该图像,然后使用它。此外,请不要忘记保存许可证和下载该图像的网站url的副本。

建议下载然后使用,这样,如果明天其他网站关闭,则您的网站不会受到影响。

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