js 获取图片宽高

作者：千山暮雪ミ发布日期:2026-07-09 浏览:79

// 获取图片的宽高

// 创建一个新的 Image 对象
const img = new Image();

// 设置图片加载完成后的回调函数
img.onload = function() {
    // 获取图片的宽度和高度
    const width = img.width;
    const height = img.height;

    console.log(`图片宽度: ${width}, 图片高度: ${height}`);
};

// 指定图片的 URL
img.src = 'https://example.com/path/to/your/image.jpg';

解释说明：

创建 Image 对象：使用 new Image() 创建一个新的图片对象。
设置 onload 回调：当图片加载完成后，onload 事件会被触发。在这个回调函数中可以获取图片的实际宽度和高度。
获取宽高：通过 img.width 和 img.height 获取图片的宽度和高度。
设置图片 URL：通过设置 img.src 属性来指定要加载的图片的 URL。

这样就可以在图片加载完成后获取其宽度和高度了。

上一篇：threejs demo

下一篇：nodejs require