谷歌瀏覽器下jquery無法獲取圖片的尺寸解決方案

antzone發表於2017-03-17

本章節介紹一下在谷歌瀏覽器下利用jquery無法獲取圖片尺寸的現象,而在IE和火狐瀏覽器下能夠正常獲得,當然也不是任何時候都無法獲取圖片尺寸,下面就來介紹一下如何解決此問題。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$(document).ready(function(){
  var img_h=$img.height(); 
  var img_w=$img.width(); 
})

以上程式碼在IE和火狐中沒有問題,但是在谷歌中可能會出現問題,之所以沒貨的尺寸就是因為圖片沒有載入完成。

修改方法如下:

[JavaScript] 純文字檢視 複製程式碼
$(document).ready(function(){
  $img.load(function(){ 
    var img_h=$img.height(); 
    var img_w=$img.width(); 
  })
})

相關文章