如何獲取IMG標籤圖片的實際尺寸

2019-12-12 20:13:44

有時候我們在開發網站的時候需要用到圖片的尺寸，但是每一次更換圖片，圖片的尺寸大小都有可能會不同，這個時候我們就需要獲取這個動態的尺寸了，這裡以jquery作為示範。

新建一個HTML文件，並且引入jquery檔案。

新建一個JS文件，並且用script標籤和HTML系結。

現在我們用img標籤來把引入圖片。

首先要建立一個變數來獲取這個圖片標籤。

然後用new建構函式建立一個變數。

現在建立變數來獲取圖片的長和寬，並且輸出到控制台。

檢視一下圖片的屬性來確定數值沒有錯誤。