jquery - src が jQuery によって動的に埋められる画像の寸法を取得するにはどうすればよいですか?

Question

<img>動的に入力したい空のプレースホルダータグがあるとします。$("img").attr("src", "somephoto.jpg")要素が正しい画像を指すように呼び出します。ただし、この画像の幅に基づいて何かをしたいのですが、両方とも0$("img").width()を$("img").attr("width")返します。

画像の幅を取得するにはどうすればよいですか---または、より良い方法で問題を解決する画像のsrcを動的に設定する方法はありますか?

Answer 1

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

彼らはどのようにゼロを返していますか? これら 2 つのメソッドは、整数の 10 ではなく、幅の文字列表現、つまり「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)
}