0

I want to get all the absolute urls of a website's images to display them, but I need the absolute url of a $('img').

I tried:

$('img').attr('src')

but it only returned relative urls of a single one, I am using map to solve the problem of multiple images but still. How do I get the absolute url?

zardilior
  • 2,810
  • 25
  • 30

2 Answers2

4

Use .prop instead of .attr. This accesses the dynamic property, which is after canonicalization, rather than the static DOM attribute.

alert($('img').prop('src'));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="placeholder.jpg"/>

See .prop() vs .attr()

Community
  • 1
  • 1
Barmar
  • 741,623
  • 53
  • 500
  • 612
1

This should give the absolute url for the first picture, of course you can loop through all of them:

$('img')[0].src


for (var i = 0; i<$('img').length;i++) {
alert($('img')[i].src)
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="http://placekitten.com.s3.amazonaws.com/homepage-samples/408/287.jpg"/>
<img src="http://placekitten.com.s3.amazonaws.com/homepage-samples/200/140.jpg"/>
baao
  • 71,625
  • 17
  • 143
  • 203
  • Your answer is not bad but i needed to get absolutes from relatives in you example you are using absolute urls i mean what should i do for a src='../whatever.jpg' without going through string concatenation etc. Thnx for taking the time anyway – zardilior Dec 20 '14 at 01:05
  • Don't mind, but you will get absolute urls with src, no matter what the link is – baao Dec 20 '14 at 01:06
  • oh then thanks a lot for your answer. I should have tried it in the console. – zardilior Dec 21 '14 at 22:37