Comment obtenir une URL img en utilisant jQuery? Javascript Girl

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?

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

Qu'en est-il de toutes les 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?

Je me demande si jQuery utilise .getAttribute() – l'utilisation de .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 de l'information, pouvez-vous utiliser une demande AJAX et regarder l'en-tête et les données envoyées?

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

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

Alors nous allons faire:

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

simple

 $("#my_img").src;

Il suffit de résoudre le problème

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