首頁 > web前端 > js教程 > 如何使用 JavaScript 取得圖像的尺寸?

如何使用 JavaScript 取得圖像的尺寸?

Linda Hamilton
發布: 2024-12-16 08:06:12
原創
537 人瀏覽過

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

使用 JavaScript 確定圖像尺寸

需要一種使用 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';
登入後複製

此程式碼初始化一個新的映像對象,並定義載入映像後要執行的 onload 事件處理程序。在處理程序中,我們可以存取圖像物件的寬度和高度屬性來檢索其尺寸。自訂 src 屬性中的 URL 可讓您取得指定的任何映像的尺寸。

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板