JavaScript または jQuery を使用して画像の幅と高さを取得するにはどうすればよいですか?

JavaScript を使用した画像のサイズの取得

質問:

プログラムで画像サイズを取得することは可能ですか? JavaScript を使用した Web ページ上の画像の寸法 (幅と高さ)、またはjQuery?

答え:

はい、JavaScript または jQuery を使用して Web ページ上の画像の寸法を取得できます。方法は次のとおりです:

JavaScript:

const img = new Image();
img.onload = function() {
  alert(this.width + 'x' + this.height);
}
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

このコードは、新しい画像オブジェクトを作成し、それに読み込みイベント リスナーを割り当てます。画像の読み込みが完了すると、イベント リスナーがトリガーされ、画像の幅と高さを計算して警告します。指定された画像の URL を、確認する実際の画像に置き換えます。

jQuery:

jQuery には、画像の寸法を取得するための組み込み関数が用意されています:

const imgHeight = $('img').height();
const imgWidth = $('img').width();

「$('img')」セレクターを画像に適したセレクターに置き換えるだけです要素。

以上がJavaScript または jQuery を使用して画像の幅と高さを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。