如何使用jQuery获取img url？

Question

是否可以src使用jQuery或JavaScript获取当前DOM中图像的实际URL(而不是属性值)？

即检索"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');