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请求并查看标题＆amp;数据发送？

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

如何使用jQuery获取图像URL？

4 个答案: