基于img id将img src设置为另一个网站上的img src

时间:2017-05-03 23:36:18

标签: javascript jquery html html5 image

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

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

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

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

3 个答案:

答案 0 :(得分:0)

不,这是不可能的。

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

答案 1 :(得分:0)

$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 :(得分:0)

它不是那样的。

假设您想要的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";
}

这样,根据您的示例,每当您使用img声明任何id = "image-tag"时,源代码都会根据需要自动引用该网站。