如何使用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