Получить изображение src с помощью jQuery

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

Как мне получить абсолютный путь jQuery этого изображения?

img.attr("src") дает мне просто "../img/arnold.png", должен дать что-то вроде " http://site.com/data/2011/img/arnold.png" (полный URL).

Ответы

Ответ 1

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

это может сделать трюк... но не уверен в перекрестном браузере....

демо здесь

также попробуйте prop jQuery 1.6..

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

демо здесь

Ответ 2

Я не знаю, что вы можете получить его с помощью jQuery, но вы можете получить его только с помощью собственного объекта изображения JavaScript.

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

Просто назовите его с помощью x = getSrc(srcAttribute) или чего-то подобного, где ваш параметр является строкой или литералом, содержащим src, который вы сейчас используете в html/image. Он вернет что-то вроде http://your/site/path/to/image.jpg

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

Ответ 3

Дать текущий источник изображения с щелчком мыши в jQuery

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