从另一个页面获取图像源答案

【问题标题】：Get an image source from another page从另一个页面获取图像源
【发布时间】：2013-08-11 08:52:30
【问题描述】：

我有 PAGE-1 和 PAGE-2

在 PAGE-1 上，我希望拥有与 PAGE-2 上类似的源链接的图像（在特定域或特定订单图像上）

<img src="*source of a particular image on PAGE-2*" />

这怎么可能？谢谢！

【问题讨论】：

投了反对票，因为链接到图像，无论是内部还是外部，是您在 HTML 中学习的第一件事，因此在 Goodle...或任何地方都很容易找到。

标签： html image cross-domain

【解决方案1】：

如果我理解正确，您基本上希望在 PAGE-X 中编号为动态。

假设您有 2 个页面，PAGE-1.html 和 PAGE-2.html：（两者内容相同，当然您可以稍后自己编辑）

<script src="js.js"></script>

<body onload="page()">
    <div id="container"></div>
</body>

都链接到同一个源文件 js.js

function page(){
url = window.location.pathname;
filename = url.substring(url.lastIndexOf('/')+1);
document.getElementById('container').innerHTML = '<img src="images/' + filename + '.png">';
}

您有 2 张图片与 PAGE-1.html 和 PAGE-2.html 名称相同，但扩展名为 .png。因此，这两个图像都称为PAGE-1.html.png 和PAGE-2.html.png。

每当PAGE-1.html被加载时，它会自动调用PAGE-1.html.png，因为名称相同。 PAGE-2.html 也是如此，它将加载 PAGE-2.html.png。因此，如果您想要更多页面，例如PAGE-3.html、PAGE-4.html 等。只需将相同的图像名称添加到您的图像源，例如PAGE-3.html.png 和PAGE-4.html.png

【讨论】：

【解决方案2】：

你需要像这样在 src 中获取图片的绝对 url

<img src="http://192.***.*.**/xyz/abc/myImage.gif">

【讨论】：