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

Javascript 如何从其他网页获取图像并在我的网站中显示,javascript,jquery,url,image-processing,Javascript,Jquery,Url,Image Processing,我只是想知道如何从其他网页获取图像并显示在我的网站上 案例流程为: 在文本框中键入一些页面URL并提交 收集该网页(而不是整个网站)中的所有图像,并在我的网页中显示它们 首先检查版权。仅当图像由所有者免费提供时才进行复制。同时阅读并理解使用许可证 如果该图像是免费使用的,由所有者根据许可证声明,然后下载图像,然后使用它。此外,请不要忘记保留许可证副本和下载图像的网站url 建议下载然后使用,这样如果明天其他网站关闭,那么您的网站不会受到影响 最后,尝试设计/拍摄自己的图像。即使他们不如别人好,至

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

案例流程为:

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

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

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

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


    最后,尝试设计/拍摄自己的图像。即使他们不如别人好,至少他们是正品。

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

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

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


    最后,尝试设计/拍摄自己的图像。即使他们不如其他人好,至少他们是正版的。

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

    下面是我对YQL跨域ajax调用的回答


    如果你想用javascript刮取其他网站,你应该创建一个服务器端脚本,它可以作为代理,也可以使用YQL

    下面是我对YQL跨域ajax调用的回答


    所以,您需要从页面获取图像,输入数据是该页面的第h个地址。那么,您有两种解决方案:

    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)必须:


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

    所以,您需要从页面获取图像,输入数据是该页面的第h个地址。那么,您有两种解决方案:

    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)必须:


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

    @inhan,如果是关于报废的,那么一个好方法是编写一个后端来进行报废,而不是使用browser-environment.yeap。如果我们承认原始站点:)@inhan是道德的,如果它是关于报废的,那么一个好方法就是编写一个后端来进行报废,而不是使用browser-environment.yeap。这是合乎道德的,如果我们承认原创网站:)
    对谷歌来说,这方面的关键词是,例如,AJAX、XmlHttpRequest和JSONP
    。我笑了:)这是一个很好的建议,很喜欢它
    对于谷歌来说,这方面的关键词是,例如,AJAX、XmlHttpRequest和JSONP
    。我笑了:)很好的建议,我很喜欢它谢谢你的建议Rishi Kalia。但这是我们网站的主要要求。我们不打算静止的图像,我们只是想在我们的网站上显示图像,并提供原始网站的链接。感谢您的建议Rishi Kalia。但这是我们网站的主要要求。我们不打算静止的图像,我们只是想在我们的网站上显示图像,并给原始网站的链接。非常感谢。这很有用,非常感谢。这是有用的