如何使用jQuery獲取img url？

Question

是否可以使用jQuery或JavaScript獲取當前DOM中圖像的實際URL（而不是src屬性值）？

即檢索“example.com/foo.jpg”而不是“foo.jpg”（考慮<base>元素）

那么任何其他有趣的屬性，如mime類型，文件大小，或者最重要的是，實際的二進制數據呢？

Answer 1

我想知道jQuery是否正在使用.getAttribute() - 使用.src似乎總是給出絕對URL：

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

要獲取其余信息，您是否可以使用AJAX請求並查看發送的標頭和數據？

Answer 2

$（你的IMG選擇器）.attr（'src'）;

例如，如果我們有<img src='bla-bla.jpg' id='my_img'>

然后我們會做：

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

Answer 3

簡單

$("#my_img").src;

只是它解決了這個問題

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