Jquery 下载srcset图像
如何获取从浏览器下载的实际图像:Jquery 下载srcset图像,jquery,html,css,Jquery,Html,Css,如何获取从浏览器下载的实际图像: <img src="small.jpg" srcset="small.jpg 200w, large.jpg 400w"> 如果我的屏幕宽度大于400px,将下载大图像。我在哪能找到路?下面返回“small.jpg” 变量i=$('img').attr('src'); 警报(一)//返回“small.jpg” jQuery的attr()方法返回指定属性的实际HTML值。jQuery的prop()方法返回该属性的当前值。通常建议使用.prop(
<img src="small.jpg" srcset="small.jpg 200w, large.jpg 400w">
如果我的屏幕宽度大于400px,将下载大图像。我在哪能找到路?下面返回“small.jpg”
变量i=$('img').attr('src');
警报(一)//返回“small.jpg”
jQuery的attr()
方法返回指定属性的实际HTML值。jQuery的prop()
方法返回该属性的当前值。通常建议使用.prop()
,而不是.attr()
因此,请使用以下命令:
var i = $('img').prop('currentSrc');
是您要查找的属性。在jQuery中,这将是
.prop(“currentSrc”)
理论上,每个支持.srcset
的浏览器也应该支持.currentSrc
您可以通过以下方式测试浏览器是否支持它:
var supported = 'currentSrc' in new Image;
对于较旧的浏览器,我建议您回到.src
,这应该是正确的值,因为srcset
也不受支持
JS:
jQuery:
var img = $('img');
var src = img.prop('currentSrc') || img.prop('src');
srcset属性中的引号不正确。已调整。对于正确的quoteChange
.attr('src'),我仍然存在同样的问题代码>到.prop('src')代码>$('img').prop(“currentSrc”)
works:)
var img = document.querySelector('img');
var src = img.currentSrc || img.src;
var img = $('img');
var src = img.prop('currentSrc') || img.prop('src');