如何使用 JavaScript 取得圖像尺寸？

使用 JavaScript 決定圖片尺寸

您是否需要以程式設計方式存取網頁上顯示的圖片的尺寸？ JavaScript 提供了一個簡單的解決方案。

解決方案：

JavaScript 提供了一種簡單的方法來擷取影像尺寸：

1. 建立一個新的圖片物件：

   const img = new Image();

   登入後複製

2. 設定onload事件偵聽器，用於在影像可用時擷取影像尺寸：

   img.onload = function() {
     alert(this.width + 'x' + this.height);
   }

   登入後複製

3. 載入影像：

   img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

   登入後複製

影像載入時， onload 事件觸發並在警告框中顯示圖像的寬度和高度。透過使用這種技術，您可以輕鬆存取網頁上任何圖像的大小。

以上是如何使用 JavaScript 取得圖像尺寸？的詳細內容。更多資訊請關注PHP中文網其他相關文章！