从HTML页面获取图像源

时间:2015-08-11 17:07:02

标签: javascript jquery html image

我在网站上有一个只是图片代码的页面。加载页面时,它会进行API调用并根据当天可用的图片更改图像的来源。例如,在进行API调用之后(带有示例图片):

 <head>
   <body>
     <img src="http://www.tizag.com/pics/htmlT/sunset.gif"/>
   </body>
 </head>

我的目标是能够使用页面的URL,只将图像作为任何其他页面上的图像源。然后,其他站点将能够使用带有图像的页面的URL。

换句话说,如何在上面的页面上获取图像的来源并使用它是不同页面上图像的来源?

2 个答案:

答案 0 :(得分:0)

我不确定我是否完全理解您的问题,但您不能在其他网页上使用相同的源网址吗? 也许您想要引用该图像,因此当您想要在所有页面上更改此图像时,您不必在所有页面上执行此操作,只需要一个。那么只更换文件会更简单。 我认为你应该使用javascript脚本来验证应该显示哪个图像。

答案 1 :(得分:0)

您是否只能使用相同的API来获取其他网站上的来源?

如果你不能: 首先,从仅图像站点获取XML并将其解析为DOM元素。 接下来,获取$.ajax({ url: 'your-url', success: function(data) { var xmlString = data, parser = new DOMParser(), doc = parser.parseFromString(xmlString, "text/xml"); var src = doc.firstChild.src; } }); 元素的来源。

10, 20, 30, 40, 50