srcset Görüntü

Question

nasıl için tarayıcıdan indirilen gerçek görüntü alabilirim İndirilen alın:

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

benim ekran genişliği büyük resim indirilecek 400px büyükse. Yolu nereden alabilirim? Aşağıdaki "small.jpg" değerini döndürür.

<script> 
    var i = $('img').attr('src'); 
    alert(i); //This returns "small.jpg" 
</script> 

Answer 1

jQuery'nin attr() yöntem belirtilen özellik için asıl HTML değeri döndürür. jQuery's prop() yöntemi, söz konusu özellik için geçerli değeri döndürür. Genel olarak .attr() yerine .prop() kullanılması önerilir.

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

Answer 2

.currentSrc aradığınız niteliktir:

Yani, bunu kullan. JQuery'de .prop("currentSrc") olur.

part of the HTML 5 standard, .srcset'u destekleyen her tarayıcı teorik olarak .currentSrc'u da desteklemelidir.
Bir tarayıcı ile destekleyip desteklemediğini test edebilirsiniz: eski tarayıcılar için

var supported = 'currentSrc' in new Image; 

, ben srcset de desteklenir olmaz çünkü, doğru değeri olması gereken, geri .src düşmek önermek.

JS:

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

jQuery: srcset özelliğinde

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