如何使用 JavaScript 或 jQuery 來取得圖像的寬度和高度？

使用JavaScript 取得影像尺寸

問題：

是否可以以程式方式擷取使用JavaScript 或在網頁上顯示圖像的尺寸（寬度和高度） jQuery？

答案：

是的，您可以使用 JavaScript 或 jQuery 來取得網頁上圖片的尺寸。操作方法如下：

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中文網其他相關文章！