根据img id将img src设置为另一个网站上的img src答案

【问题标题】：Setting the img src to be the img src on another website based on img id根据img id将img src设置为另一个网站上的img src
【发布时间】：2017-05-08 05:51:26
【问题描述】：

如果您有 img ID，是否可以从完全不同的网页获取 img src，然后将其用作您自己网站上的 img src？

这样，当其他网站上的图像发生变化时，您的图像也会发生变化。

例如，在 www.abcdefg.com/1234567/ 上有一张图片。相关图像的 img id 是“image-tag”

我希望能够通过使用 img id（图像标签）获取该图像的 src，并将其用作我自己网页上的 img src。

【问题讨论】：

标签： javascript jquery html image

【解决方案1】：

$link = 'http://www.bamuel.com/';
$content = file_get_contents($link);
$first_step = explode( '<img id="epic article">' , $content );
$second_step = explode("</img>" , $first_step[1] );

echo $second_step[0];

你可以在 PHP 中完成它

【讨论】：

【解决方案2】：

事实并非如此。

假设你想要的 id 是

id = "image-tag"

和src = "http://www.abcdefg.com/1234567.png"

你希望这条线看起来像这样：

<img id="image-tag">

为它获取源（src），

你可以用 JavaScript 做到这一点：

var image_tag = document.getElementsByTagName('img')
var attr_val = image_tag.getAttribute('id')
if (attr_val == 'image-tag'){
   attr_val.src = "http://www.abcdefg.com/1234567.png";
}

这样，在您的示例中，每当您使用id = "image-tag" 声明任何img 时，源都会根据需要自动引用到该站点。

【讨论】：

但在我的问题中，我不知道img的src。所以我不知道 attr_val.src 的价值是什么

【解决方案3】：

不，这是不可能的。

CORS 阻止您发送 ajax 请求以从不同来源获取 HTML，但可以从服务器获取其他网站并提取图像标签以获取图像 src。

【讨论】：