srcが動的にjQueryで埋められるイメージのディメンションを取得するにはどうすればよいですか？

Question

空のプレースホルダー<img>タグを動的に取り込みたいとします。私は$("img").attr("src", "somephoto.jpg")と呼んで、要素を正しい画像に向けます。しかし、この画像の幅に基づいて何かしたいのですが、$("img").width()と$("img").attr("width")の両方が返されます。

画像の幅を取得するにはどうすればよいですか？私の問題を解決するより良いプラクティスの画像のsrc？

Answer 1

空のimgタグのsrc属性を使用するのではなく、新しい画像全体を個人的に追加します。

どのようにゼロを返すのですか？これらの2つのメソッドは、整数の幅ではなく10pxの幅の文字列を返します。

Answer 2

イメージが最初に読み込まれるまで待つ必要があります。

$("img") 
    .attr("src", "somephoto.jpg") 
    .on("load", function() { 
    alert(this.height()+" "+this.width()) 
    }) 

私のjQueryは少し錆びているかもしれません。ここにはっきりと記載されています。JS

var i = new Image() 
i.src = "somephoto.jpg" 
i.onload = function() { 
    alert(this.height + " " + this.width) 
}