¿Cómo obtener una img url usando jQuery?

Question

¿Es posible obtener la URL real (a diferencia del valor de atributo src) de una imagen dentro del DOM actual usando jQuery o JavaScript?

es decir, recuperar "example.com/foo.jpg" en lugar de "foo.jpg" (teniendo en cuenta los elementos <base>)

¿Qué pasa con las otras propiedades interesantes tales como el tipo MIME, tamaño de archivo o, lo mejor de todo, ¿los datos binarios reales?

Answer 1

me pregunto si está utilizando jQuery .getAttribute() - usando .src siempre parece dar la URL absoluta:

<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> 

Para obtener el resto de la información, se puede utilizar una petición AJAX y mirar la cabecera & datos enviados?

Answer 2

$ (usted selector IMG) .attr ('src');

por ejemplo, si tenemos un <img src='bla-bla.jpg' id='my_img'>

entonces vamos a hacer:

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

Answer 3

sencilla

$("#my_img").src; 

solo se resuelve el problema

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