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

Question

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

案例流程为:

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

Answer 1

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

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

具体如何做到这一点是一个非常复杂的问题，因为它取决于您网站的服务器端编程语言。无论如何，这样的功能将由使用 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

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