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');