Comment obtenir une URL img en utilisant jQuery?

Question

Est-il possible d'obtenir l'URL réelle (par opposition à la valeur d'attribut src) d'une image dans le DOM actuel en utilisant jQuery ou JavaScript?

récupérer-à-dire « example.com/foo.jpg » par opposition à « foo.jpg » (en prenant en compte les éléments <base>)

Qu'en est-il d'autres propriétés intéressantes telles que le type MIME, la taille du fichier ou, le meilleur de tous, les données binaires réelles?

Answer 1

Je me demande si jQuery utilise .getAttribute() - en utilisant .src semble toujours donner l'URL absolue:

<img src="foo.jpg" id="i"> 

<script> 
var img = document.getElementById('i'); 

alert(img.getAttribute('src')); // foo.jpg 
alert(img.src);     // http://..../foo.jpg 
</script> 

Pour obtenir le reste des informations, vous pouvez utiliser une requête AJAX et de regarder l'en-tête & données envoyées?

Answer 2

$ (sélecteur IMG) .attr ('src');

par exemple, si nous avons un <img src='bla-bla.jpg' id='my_img'>

nous allons faire:

$('#my_img').attr('src'); 

Answer 3

simples

$("#my_img").src; 

juste résoudre le problème

Answer 4

var img = $('img'); 
alert(img.attr('src')); // foo.jpg 
var fullpath = window.location.host + img.attr('src'); 
alert(fullpath); // http://example.com/foo.jpg