Obtenir l'image src avec jQuery

Question

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

Comment puis-je obtenir avec le chemin absolu jQuery de cette image? 

img.attr("src") me donne juste " ../img/arnold.png ", devrait donner quelque chose comme " http://site.com/data/2011/img/arnold.png " (URL complète) .

Answer 1

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

cela pourrait faire l'affaire ... mais pas sûr de navigateur croisé ....

démo ici

essayez aussi prop de jQuery 1.6 ..

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

démo ici

Answer 2

Je ne sais pas si vous pouvez l'obtenir avec jQuery, mais vous pouvez l'obtenir uniquement avec l'objet image JavaScript natif.

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

Appelez-le simplement avec x = getSrc(srcAttribute) ou quelque chose de similaire, où votre paramètre est la chaîne ou le littéral contenant le src que vous avez actuellement dans votre HTML/image. Il retournera quelque chose comme http: //votre/site/chemin/vers/image.jpg

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

Answer 3

Indiquer la source de l'image sur laquelle vous avez cliqué dans jQuery

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