Number() 方法没有给我正确的输出

Question

我正在创建一个包含图像的 React 项目。在我的项目中，我想获取上传图像的宽度和高度。为此，我正在使用

const image = document.getElementById("inputimage");
const width = Number (image.width);
const height = Number (image.height);
console.log( width, height );

另一个页面中的图片标签

<img id='inputimage' alt='image' src={imageUrl} width="500px" height="auto" />

这里的Number()是用来把image.width和image.height转换成数字，方便以后计算的。每当我运行这段代码时，我都没有得到输出。

const image = document.getElementById("inputimage");
const width = image.width;
const height = image.height;
console.log( width, height );

但是当我删除 Number() 然后我得到了输出。

有谁知道为什么我在使用 Number() 时没有得到输出？我可以做些什么来将 image.width 和 image.height 转换为数字？

Answer 1

我认为你可以使用 parseInt(image.width)（或 image.height）。

Number() 方法没有给我正确的输出

Number() method doesn't give me proper output

javascript

methods

function