已解決430363個問題，去搜搜看，總會有你想問的

如何使用JavaScript獲取圖像大小(高度和寬度)？

關注

首頁猿問如何使用JavaScript獲取圖...

JavaScript JQuery

HUWWW 2019-05-30 16:06:10

如何使用JavaScript獲取圖像大小(高度和寬度)？是否有任何jQuery或純JSAPI或方法來獲取頁面上圖像的維度？

查看完整描述

4 回答

烙印99

TA貢獻1829條經驗獲得超13個贊

客戶寬度和客戶高度DOM屬性，它顯示DOM元素內部維度的當前瀏覽器中的大小(不包括邊距和邊框)。因此，在IMG元素的情況下，這將得到可見圖像的實際尺寸。

var img = document.getElementById('imageid'); //or however you get a handle to the IMGvar width = img.clientWidth;var height = img.clientHeight;

反對回復 2019-05-30

人到中年有點甜

TA貢獻1895條經驗獲得超7個贊

此外(除了雷克斯和伊恩的回答)還有：

imageElement.naturalHeight

和

imageElement.naturalWidth

它們提供圖像文件本身的高度和寬度(而不僅僅是圖像元素)。

反對回復 2019-05-30

千巷貓影

TA貢獻1829條經驗獲得超7個贊

如果您正在使用jQuery，并且正在請求圖像大小，則必須等待它們加載，否則只能獲得零。

$(document).ready(function() {
    $("img").load(function() {
        alert($(this).height());
        alert($(this).width());
    });});

反對回復 2019-05-30

關注

舉報

0/150

提交

取消