寬度和圖像的高度是零，因爲異步圖像加載的

Question

我有很長的base64字符串類型我得到的，我想設定爲圖像

$('#img').attr('src',base64data) 
console.log('height - ' $('#img').height()); 
console.log('width - ' $('#img').height()); 

它看起來像即時得到回來的src0對於height和width。當然，如果我等一會 那麼我會得到適當的高度。

事情是.attr()沒有回調，我將如何得到有關獲取src屬性設置後沒有得到0返回的高度和寬度。 （我覺得我得到0，因爲jQuery中的變化是異步發生的事情，但我不能太肯定）

Answer 1

$('#img').one('load', function() { 
    console.log('height - ' $(this).height()); 
    console.log('width - ' $(this).width()); 
}) 
.attr('src',base64data); 

/* if this image is already cached load event couldn't be fired: 
* then look for "complete" status and trigger load event 
*/ 
if ($('#img').get(0).complete) { 
    $('#img').trigger('load'); 
} 

越來越width之前和height需要等待load事件。 請注意，我用one()方法，因爲如果圖像已被緩存，它不應該發射load事件兩次