如何在 next.js 中获取图像宽度/高度？

Question

在我的应用程序中，我允许用户上传他们的图像。上传后，它会进入公共文件夹，并且在数据库中只有一个用于将来请求的直接链接。

当在页面上显示这些图像时，我遇到了问题。Image组件想要知道每个图像的高度和宽度。所以我也想知道。

在这种情况下，工作流程有哪些可用选项？上传时处理和请求时处理都适合我。

Answer 1

您可以使用图像大小的 npm 模块：

npm install image-size --save

然后：

var sizeOf = require('image-size');
var dimensions = sizeOf('./sample.jpg');
console.log(dimensions.width, dimensions.height);

来自：如何使用js或node检查图像尺寸