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

Question

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

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

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

score 0 · Accepted Answer

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

npm install image-size --save

然后：

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

1 回答 1