通过id进行跨域请求

发布于 2024-12-04 23:06:29 字数 219 浏览 0 评论 0原文

我正在尝试在我的网页上显示来自其他网站的图像拼贴画。如果我知道直接链接，它就可以正常工作，因为我可以设置 img src。但是，如果我只知道页面的名称和该页面上图像的 id，就可以进行一些 jQuery 调用来检索 src。

像这样的东西，但在另一个页面上调用：

var imageSource = $("#pictureid").attr("src");

原文

I'm trying to display a collage of images from other sites on my webpage. It works fine if I know the direct link because I can set the img src. However if I only know the name of the page and the id of the image on that page can make some jQuery call to retrieve the src.

Something like this, but called on another page:

var imageSource = $("#pictureid").attr("src");

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

羞稚 2024-12-11 23:06:29

您想要的内容是对其他网站进行 AJAX 调用以提取 HTML，然后查看它以找到您要使用的 img 标记的 src 属性所有现代浏览器都有某种同源策略，但禁止这样做 - 您不能对当前文档域之外的任何内容进行 AJAX 调用（也就是说，在 example.org 的页面中运行的脚本不能进行 AJAX 调用到foobar.com）。

这意味着您必须求助于服务器端技术：在您选择的服务器端语言中，从外部页面加载 HTML（大多数环境都绑定到 libcurl，它的设计正是为了执行此操作），然后解析它找到图像。获得 URL 后，您可以轻松地将其插入到动态 HTML 中。

也就是说，未经许可深度链接图像有点违反网络礼仪，甚至可能是非法的，具体取决于您所在的司法管辖区（您正在滥用其他人的服务器为访问者提供带宽，毕竟，这可能会在某些司法管辖区属于非法黑客的定义）；最好的做法是也将图像本身拉入并在您自己的服务器上托管一个副本，以便您可以使用自己的带宽来为其提供服务。当然，请尊重您使用的图像的版权和许可条款（如果有）。

回复收藏 0 原文

提赋 2024-12-11 23:06:29

客户端 JavaScript 不是为此设计的。你想做的就是屏幕抓取。您可以通过多种方式来完成此操作，最简单的是 Yahoo 的 YQL 以及使用 Node.JS、PHP 或您首选的服务器端语言的其他方式。

回复收藏 0 原文

亣腦蒛氧 2024-12-11 23:06:29

不可以，如果您希望在网站上包含图像，则需要提供该图像的 URL。

回复收藏 0 原文

巴黎盛开的樱花 2024-12-11 23:06:29

尝试这样的操作：

首先，我们需要一个简短的服务器端脚本来反弹我们的请求，因为 AJAX 受到同源策略的阻碍。这是 PHP 中的一些内容：

<?php if (isset($_GET['url'])) readfile($_GET['url']); ?>

假设它保存在 get.php 中。要使用它，我们只需将查询字符串的 url 字段设置为我们想要获取的页面的 url 即可。该脚本从该页面获取所有 HTML 并将其输出。例如，get.php?url=http://stackoverflow.com/ 将获取 stackoverflow 索引页中的所有 HTML。

接下来，让我们编写一些 jQuery 来检索 url 处指定图片的 src。像这样：

var url = 'http://www.pics.com/';
var selector = '#pic8';

$.get('get.php', { url: url }, function(htmlResponse) {
    var pic = $(htmlResponse).find(selector);
    alert(pic.attr('src');
}, 'html');

这应该可行。

Try something like this:

First we need a short server-side script to bounce our request, since AJAX is hindered by the same origin policy. Here's something in PHP:

<?php if (isset($_GET['url'])) readfile($_GET['url']); ?>

Let's say that this is saved at get.php. To use it, we just set the url field of the query string with the url of the page we want to get. The script gets all of the HTML from that page and outputs it. For instance, get.php?url=http://stackoverflow.com/ would get all of the HTML in stackoverfllow's index page.

Next, let's write some jQuery to retrieve the src of the specified picture at the url. Like this:

var url = 'http://www.pics.com/';
var selector = '#pic8';

$.get('get.php', { url: url }, function(htmlResponse) {
    var pic = $(htmlResponse).find(selector);
    alert(pic.attr('src');
}, 'html');

That should work.

回复收藏 0 原文

~没有更多了~