用jQuery获取图像src

Question

<img src="../img/arnold.png" alt="Arnold">

如何使用此图像的jQuery绝对路径？

img.attr("src")只给我“ ../ img / arnold.png ”，应该提供类似“ http://site.com/data/2011/img”的内容/arnold.png “（完整网址）。

Answer 1

alert( $('img')[0].src );

这可能会成功...但不确定跨浏览器......

demo in here

还尝试jQuery 1.6的prop ..

alert( $('img').prop('src') );

demo here

Answer 2

我不知道你可以用jQuery来获取它，但你可以只用原生的JavaScript图像对象来获取它。

var getSrc = function(imgSource) {
    var img = new Image();
    img.src = imgSource;
    return img.src;
};

只需使用x = getSrc(srcAttribute)或类似内容调用它，其中您的参数是包含您当前在html / image中的src的字符串或文字。它将返回类似http://your/site/path/to/image.jpg

的内容

http://jsfiddle.net/BradleyStaples/cQMjQ/

Answer 3

  

在jQuery中提供当前点击的图像源

jQuery(document).ready(function($){
$('body').on('click','img',function(){
                alert('it works');
                var imgsrc=$(this).attr('src');
                alert(imgsrc);
});
});