0

我正在使用 Cloudinary 的 javascript / node.js 库使用各种方法(缩放、裁剪、适合等)生成调整大小的图像。

该库根据指定的转换选项返回一个 url,但是 -

在加载之前我不知道图像的大小,并且因为图像是用户创建的内容,并且可以是不同的纵横比或小于显示的最大尺寸,所以尺寸不一定是我的已在选项中指定。

虽然您可以使用img带有值的标签srcalt但您实际上也应该指定widthand height,否则它会减慢 HTML 页面的呈现速度(要么在布局之前等待图像加载,要么在加载图像时重新调整布局,具体取决于浏览器和其他因素)。

由于 Cloudinary 知道原始图像尺寸和用于生成调整大小图像的算法,因此可以检测调整大小图像的最终宽度和高度是有道理的,但我不知道如何使用任何可用的库。

是否有我错过的功能、存在的库或已完成此操作的示例?

4

1 回答 1

1

在上传过程中,您可以跟踪上传图像的尺寸,然后在显示图像时计算预期尺寸。尺寸在对上传请求的响应中给出。请参阅Node.js 服务器端上传

或者,您可以使用急切转换,在响应中获取转换后图像的尺寸,存储该数据,并在显示图像时使用它。

于 2013-10-17T14:32:12.590 回答