首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何使用JavaScript获取图像大小(高度和宽度)?

要使用JavaScript获取图像的大小(高度和宽度),您可以创建一个新的Image对象,设置它的src属性,然后在图像加载完成后,访问它的naturalWidth和naturalHeight属性。以下是一个示例代码:

代码语言:javascript
复制
function getImageSize(url, callback) {
  const img = new Image();
  img.onload = function() {
    callback({width: img.naturalWidth, height: img.naturalHeight});
  };
  img.src = url;
}

getImageSize('https://example.com/image.jpg', function(size) {
  console.log('Image width:', size.width);
  console.log('Image height:', size.height);
});

在这个示例中,我们定义了一个名为getImageSize的函数,它接受一个URL和一个回调函数作为参数。我们创建了一个新的Image对象,并在图像加载完成后,通过回调函数返回图像的宽度和高度。

请注意,这个方法只适用于在浏览器环境中运行的JavaScript代码。如果您需要在Node.js环境中获取图像大小,您需要使用其他库或模块,例如Sharp或ImageMagick。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券