用jQuery获取相对图像src

Question

我有如下图像标签：

<img src="/path/to/my/image.jpg" />

但是当我使用jQuery访问src位时，jQuery给了我：

http://example.com/path/to/my/image.jpg

这在我正在做的一些比较中引起问题。 我不想更改图像路径以使用绝对URL。

关于如何从图像路径获取绝对URL的任何想法（这可能不像连接域那么简单-因为URL有时可能是绝对的），还是从HTML中获取我提供的路径？ 无论哪种方式，我都需要它们来匹配。

编辑来自activa的每个评论

实际上并没有发布太多的jQuery代码，我使用的是cycle插件，在onbefore函数中，我只是调用next.src 。 我的jQuery和JavaScript foo不足以真正了解循环插件在做什么以生成next -如果您熟悉循环的工作，我认为这是下一个循环图像的DOM元素。

我的图片标签实际上是这样的：

<img src="/site_media/photologue/photos/cache/6927d406810ee9750a754606dcb61d28.jpg" alt="" class="landscape slideshow-image-1" />

在我的onbefore函数中，此代码：

alert(next.src);

产生以下警告：

http://127.0.0.1:8000/site_media/photologue/photos/cache/6927d406810ee9750a754606dcb61d28.jpg

Answer 1

$("img").attr("src")传回src属性的实际值（在FF3和IE7中试用）

所以当你有

<img src="http://example.com/path/to/my/image.jpg" />

它将返回

http://example.com/path/to/my/image.jpg

当你有

<img src="/path/to/my/image.jpg" />

它将返回

/path/to/my/image.jpg

问题编辑后编辑

听起来您可能想尝试

$(next).attr("src")

Answer 2

你为什么不剥离它？

var hostname = 'http://' + window.location.hostname;

它会提升为主机名

http://example.com

然后像这样重构你的变量

if( imgSrc == imgSrc2 ) ...

至

if( ImgSource(imgSrc) == imgSrc2 ) ...

使用

function ImgSource(path) {
    return hostname + path;
}

或反过来

function ImgSource(path) {
    return path.replace(hostname, '');
}

Answer 3

要始终获取完整的解析路径，请使用Element.src ，而不要使用Element.src Element.getAttribute("src") （这似乎等同于attr（“ src”））。

例如：

document.getElementsByTagName("img")[0].src

而不是：

document.getElementsByTagName("img")[0].getAttribute("src")

。 我让你jqueryify .src。

Answer 4

我在似乎是基于.NET的服务器上通过Ajax加载的页面上发生了这种情况。 即使该路径是相对路径，它也返回完整的URL，即使在所有其他浏览器中也可以正常工作。 仅发生在IE 8中。我无法根据域进行剥离，因为我正在处理的项目有多种环境。

如果发现除拆分或正则表达式替换之外还有其他更好的东西，我会报告。