使用jQuery或JavaScript,是否有可能获取当前DOM内图像的实际URL(而不是src
属性值)?
也就是说,考虑到<base>
元素,能否检索出"example.com/foo.jpg"而不是"foo.jpg"?
其他一些有趣的属性如MIME类型、文件大小,甚至是二进制数据是否可以获取?
使用jQuery或JavaScript,是否有可能获取当前DOM内图像的实际URL(而不是src
属性值)?
也就是说,考虑到<base>
元素,能否检索出"example.com/foo.jpg"而不是"foo.jpg"?
其他一些有趣的属性如MIME类型、文件大小,甚至是二进制数据是否可以获取?
我想知道 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-iframe
抓取首页中 src
的值。 - Joe Kdw$(你的 IMG 选择器).attr('src');
举个例子,如果我们有一个 <img src='bla-bla.jpg' id='my_img'>
那么我们会这样做:
$('#my_img').attr('src');
var img = $('img');
alert(img.attr('src')); // foo.jpg
var fullpath = window.location.host + img.attr('src');
alert(fullpath); // http://example.com/foo.jpg
简单
$("#my_img").src;
只是它解决了问题