要使用JavaScript获取图像的大小(高度和宽度),您可以创建一个新的Image对象,设置它的src属性,然后在图像加载完成后,访问它的naturalWidth和naturalHeight属性。以下是一个示例代码:
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。
云+社区技术沙龙[第21期]
企业创新在线学堂
云+社区技术沙龙[第27期]
云+社区技术沙龙[第6期]
T-Day
小程序云开发官方直播课(应用开发实战)
小程序·云开发官方直播课(数据库方向)
小程序·云开发官方直播课(数据库方向)
领取专属 10元无门槛券
手把手带您无忧上云