Wie bekomme ich eine URL mit jQuery?

Question

Ist es möglich, die tatsächliche URL (im Gegensatz zum src Attributwert) eines Bildes im aktuellen DOM mit jQuery oder JavaScript zu erhalten?

dh abrufen „example.com/foo.jpg“ im Gegensatz zu „foo.jpg“ (unter <base> Elemente berücksichtigt)

Was weitere interessante Eigenschaften, wie der Mime-Typ, Dateigröße oder, das Beste von allem, die tatsächlichen binären Daten?

Answer 1

Ich frage mich, ob jQuery .getAttribute() verwendet - mit .src scheint immer die absolute URL zu geben:

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

Um den Rest der Informationen zu erhalten, können Sie einen AJAX-Request nutzen und dir den Kopf & Daten gesendet?

Answer 2

$ (Sie IMG-Selektor) .attr ('src');

zum Beispiel, wenn wir einen <img src='bla-bla.jpg' id='my_img'>

haben, dann werden wir tun:

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

Answer 3

einfach

$("#my_img").src; 

es nur lösen das Problem

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