spreadjs文件上传保持图片比例不变自适应单元格

登录

现有效果

要求效果，图片比例不变，放大缩小图片比例来适应单元格，不必占满单元格，按照图片本身的宽高比来缩放。比如图片比例1:5，那就按照5的比例来缩放图片

我这边用这种方法上传图片，要求图片本身大小比例不变，适应单元大小，这个该怎么监听或者怎么处理这张图片，目前没找到方法

Wilson.Zhang · Wilson.Zhang

您好！您使用了FileUpload单元格类型，这个单元格类型的预览功能不改变原图的横纵比，即使缩放sheet，预览看到的图片比例不变。如下动图所示：

雷洛 · 雷洛

Wilson.Zhang 发表于 2025-7-2 17:33
您好！您使用了FileUpload单元格类型，这个单元格类型的预览功能不改变原图的横纵比，即使缩放sheet，预览 ...

你看两张图片比例明显不一样，是要单元格显示图片的宽高比例跟放大后的宽高比例相同，不知道这么说表达清楚没，单元格里的图片明显是宽》高，第二张是高》宽，要的效果是单元格里的图片比例也是高》宽。

Wilson.Zhang · Wilson.Zhang

雷洛发表于 2025-7-2 17:46
你看两张图片比例明显不一样，是要单元格显示图片的宽高比例跟放大后的宽高比例相同，不知道这么说表达清 ...

那实际上要调整的是单元格的行高列宽，实际预览的图片尺寸和原图一致，您可以在上传图片后根据原图的纵横比设置单元格的高和宽。

您也可以使用IMAGE公式，这个公式能把图片嵌在单元格内部，公式允许设置图片高宽参数，默认情况下不设置的话可以保留原始比例，如下图所示：

雷洛 · 雷洛

Wilson.Zhang 发表于 2025-7-3 10:31
那实际上要调整的是单元格的行高列宽，实际预览的图片尺寸和原图一致，您可以在上传图片后根据原图的纵横 ...

是单元格宽高不变，调整图片的缩放。比如单元格宽高是4:3，图片宽高比是2:5，也就是说以图片高5为准，2:5=x：3 x就是图片宽缩小的比例，不知道这么表达清楚不，保持单元格宽高不变，图片宽高比不变，图片等比缩放入单元格中。不用占满

Wilson.Zhang · Wilson.Zhang

雷洛发表于 2025-7-3 17:49
是单元格宽高不变，调整图片的缩放。比如单元格宽高是4:3，图片宽高比是2:5，也就是说以图片高5为准，2:5 ...

正在帮您调研，请耐心等候。

雷洛 · 雷洛

Wilson.Zhang 发表于 2025-7-4 08:45
正在帮您调研，请耐心等候。

调研的怎么样了？

Richard.Ma · Richard.Ma

本帖最后由 Richard.Ma 于 2025-7-8 17:31 编辑

可以参考修改后的这个demo，通过扩展FileUpload类型的功能实现了自适应

另外，FileUpload单元格类型支持图片宽高自适应也已经作为需求记录，
编号SJS-30469

		自动登录	找回密码
密码			立即注册

[处理中] spreadjs文件上传保持图片比例不变自适应单元格