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

Question

如果你有img ID，有没有可能从一个完全不同的网页上获取img src，然后在你自己的网站上使用它作为img src？

这样，当另一个网站上的图像发生变化时，您的网站上的图像也会发生变化。

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

我希望能够通过使用img id ( image -tag)获得该图像的src，并将其用作我自己网页上的img src。

Answer 1

不，这不可能。

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

Answer 2

$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完成此操作

Answer 3

事情不是这样的。

假设你想要的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时，都会根据需要自动引用该站点的源。