获取srcset图像已下载

Question

如何从浏览器下载实际图像：

$.ajax()

如果我的屏幕宽度大于400像素，则会下载大图像。我在哪里可以获得路径？以下返回＆＃34; small.jpg＆＃34;。

<img src="small.jpg" srcset="small.jpg 200w, large.jpg 400w">

Answer 1

.currentSrc是您正在寻找的属性 在jQuery中，那将是.prop("currentSrc")。

这是part of the HTML 5 standard，所以理论上每个支持.srcset的浏览器也应支持.currentSrc。
您可以使用以下命令测试浏览器是否支持它：

var supported = 'currentSrc' in new Image;

对于较旧的浏览器，我建议您回退到.src，这应该是正确的值，因为srcset也不受支持。

JS：

var img = document.querySelector('img');
var src = img.currentSrc || img.src;

jQuery的：

var img = $('img');
var src = img.prop('currentSrc') || img.prop('src');

Answer 2

jQuery＆＃39; attr()方法返回指定属性的实际HTML值。 jQuery的prop()方法返回该属性的当前值。通常建议使用.prop()，而不是.attr()。

所以，请使用：

 var i = $('img').prop('currentSrc');