it-swarm.com.de

Holen Sie sich Image src mit jQuery

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

Wie bekomme ich mit jQuery den absoluten Pfad dieses Bildes? 

img.attr("src") gibt mir nur " ../img/arnold.png ", sollte etwas wie " http://site.com/data/2011/img/arnold.png " (vollständige URL) geben .

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

dies könnte den Trick tun ... aber nicht sicher über Cross-Browser ....

Demo hier

versuche auch prop von jQuery 1.6 ..

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

Demo hier

62
Reigel

Ich weiß nicht, dass Sie es mit jQuery bekommen können, aber Sie können es nur mit dem nativen JavaScript-Image-Objekt erhalten.

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

Rufen Sie es einfach mit x = getSrc(srcAttribute) oder etwas Ähnlichem auf, wobei Ihr Parameter die Zeichenfolge oder das Literal ist, das die aktuelle src in Ihrem HTML/Image enthält. Es wird etwas wie http: //your/site/path/to/image.jpg zurückgegeben.

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

3
Bradley Staples

Geben Sie die aktuelle angeklickte Bildquelle in jQuery an

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