如何从其他网页获取图像并在我的网站上显示
how to get images from other web page and show in my website
我只想知道如何从其他网页获取图像并在我的网站上显示。
案例流程为:
- 在文本框中键入一些页面URL并提交
- 收集该网页(而不是整个网站)中的所有图像,并在我的网页中显示
因此,您需要从页面获取图像,输入数据是该页面的地址。好吧,你有两个解决方案:
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的副本。
建议下载然后使用,这样,如果明天其他网站关闭,则您的网站不会受到影响。
最后但并非最不重要的是,尝试设计/拍摄自己的图像。即使他们不如其他人,至少他们是真诚的。
- 如何识别我的网站中的慢速设备
- 将电视直播频道从网站嵌入我的网站
- 在我的网站上显示最近提交的文章/图片
- 使用API在我的网站Google-Map上显示搜索地址的纬度和经度
- 如果我的内容/网站有名字,我可以用不同的方式设计我的网站吗
- 错误编码的Adsense广告正在扼杀我的网站's的性能
- 创建类似Facebook的按钮是'窃听'为我的网站
- 在我的网站上使用DogeScript
- 在我的网站上以纯文本形式添加最新推文
- 如何在jsoup的帮助下跟踪我的网站是否加载到android设备上
- 如何在我的网站上嵌入yammer私人信息
- 如何让iPhone用户在我的网站上观看带字幕的视频
- 如何在不影响网站页面速度的情况下在我的网站上使用谷歌字体
- 如何使用XMLHttpRequest()不断地将数据发送到我的网站中的另一个页面
- 在我的网站上创建一个在1-10之间不断变化的数字时遇到了问题.Javascript
- jquery ias插件不适用于我的网站,加载更多项目不起作用
- JS适用于Firefox和Safari,但不适用于Chrome.此处'是我的网站
- 在一天中的某个时间自动在我的网站上播放视频
- 跨浏览器问题:如何调试我的网站'在windows PC的safari上的行为
- 我可以让我的网站的内容可编辑区域对安卓股票浏览器上的触摸事件更敏感吗