ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript を使用して画像のサイズを取得するにはどうすればよいですか?

JavaScript を使用して画像のサイズを取得するにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-12-16 08:06:12541ブラウズ

How Can I Get an Image's Dimensions Using JavaScript?

JavaScript を使用した画像のサイズの決定

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';

このコードは、新しい画像オブジェクトを初期化し、画像が読み込まれた後に実行される onload イベント ハンドラーを定義します。ハンドラー内で、画像オブジェクトの幅と高さのプロパティにアクセスして、その寸法を取得できます。 src 属性の URL をカスタマイズすると、指定した任意の画像の寸法を取得できます。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。