oss 图片服务端签名直传遇到图片需要裁剪的问题?

问答 / 110 / 4 / 创建于 4年前

场景:

我在设计上传用户图片,并存储数据库的功能时,出于性能优化的考虑, 计划如下:

使用阿里云的 oss ,并采用服务端签名直传并设置上传回调的方式

遇到的问题

如果用户上传的图片太大,图片需要裁剪,但是采用服务端签名直传并设置上传回调的方式,是不是就无法实现在上传阿里云oss时裁剪图片?
采用每次使用 oss 图片链接并传递图片尺寸参数的方式,会不会影响性能?
基于性能优化的角度,我的设计是否合适,有其他更合适的方式吗?

图片裁剪 oss

课程读者 186 声望

开发 @ 风了

stay hungry, stay foolish

《L04 微信小程序从零到发布》

从小程序个人账户申请开始，带你一步步进行开发一个微信小程序，直到提交微信控制台上线发布。

《G01 Go 实战入门》

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

推荐文章：

更多推荐...

滑块验证图片 19 / 12 |

我是如何把网站图片cdn流量成本压到全网最低(之一)的 39 / 34 |

DcatAdmin 配合 `maatwebsite/excel` 扩展在后台增加 excel 导出的功能，并可导出图片 17 / 3 |

支持 Laravel 9 的 Aliyun OSS Storage 扩展 16 / 17 |

基于 GD 、Imagick 和 phpqrcode 的海报生成插件 66 / 34 |

php 实现一个简单的图片边缘检测 10 / 5 |

Wi1dcard

管理员 2.1k 声望

最佳答案

如果用户上传的图片太大，图片需要裁剪，但是采用服务端签名直传并设置上传回调的方式，是不是就无法实现在上传阿里云 oss 时裁剪图片？

不太清楚你说的「裁剪」是无损压缩、有损压缩、降低分辨率、压缩长宽，还是裁剪图片中的一部分。根据需求可以考虑相关前端实现，或者使用类似 Lambda 的技术挂载 OSS 的上传事件实现。

采用每次使用 oss 图片链接并传递图片尺寸参数的方式，会不会影响性能？

几乎不会。但你要考虑你的 OSS 账单。图片压缩等服务一般是需要单独按量付费的。

基于性能优化的角度，我的设计是否合适，有其他更合适的方式吗？

非常合适。

4年前评论

matteao （楼主）

图片裁剪 主要是降低分辨率, 压缩长宽, 因为我的场景不需要很高清的图片，并且不能让用户主动裁剪图片。是要前端来实现降低分辨率的功能吗？

matteao （楼主）

基于成本，看来我必须先压缩图片后上传了，就不麻烦 OSS 了。

讨论数量: 4

Wi1dcard

管理员 2.1k 声望

如果用户上传的图片太大，图片需要裁剪，但是采用服务端签名直传并设置上传回调的方式，是不是就无法实现在上传阿里云 oss 时裁剪图片？

不太清楚你说的「裁剪」是无损压缩、有损压缩、降低分辨率、压缩长宽，还是裁剪图片中的一部分。根据需求可以考虑相关前端实现，或者使用类似 Lambda 的技术挂载 OSS 的上传事件实现。

采用每次使用 oss 图片链接并传递图片尺寸参数的方式，会不会影响性能？

几乎不会。但你要考虑你的 OSS 账单。图片压缩等服务一般是需要单独按量付费的。

基于性能优化的角度，我的设计是否合适，有其他更合适的方式吗？

非常合适。

4年前评论

matteao （楼主）

图片裁剪 主要是降低分辨率, 压缩长宽, 因为我的场景不需要很高清的图片，并且不能让用户主动裁剪图片。是要前端来实现降低分辨率的功能吗？

matteao （楼主）

基于成本，看来我必须先压缩图片后上传了，就不麻烦 OSS 了。

24K大白羊

Laravel 9.x 译者 450 声望

这个方案没有问题，而且你说的图片裁剪需求，可以通过 OSS 的数据处理功能来实现。程序不需要额外处理，直接交给云服务器处理即可。

详细可以查看阿里云 OSS 的帮助文档。

4年前评论

matteao （楼主）

因为我的场景是：用户自主上传图片。图片如果太大，OSS 存储就需要很大，成本会吃不消。另外，如果图片裁剪需要费用，我可能也不采用。

mostwin

课程读者 22 声望 / CTO @ 外星

本地裁剪，然后在上传

4年前评论

mostwin （作者）

@matteao 是啊，你不是为了省钱嘛，😸

matteao （楼主）

是前端来实现图片裁剪功能吗？

matteao

课程读者 186 声望 / 开发 @ 风了

@Wi1dcard

类似 Lambda 的技术挂载 OSS 的上传事件实现

不理解，能不能再解释一下？ :joy:

4年前评论

Wi1dcard

参考 https://www.zhihu.com/question/59394912 和 https://www.aliyun.com/product/fc，AWS 叫 Lambda，阿里云叫函数计算。不太清楚阿里云的这项服务现在有没有成熟，可以尝试一下。

matteao （作者）（楼主）

太好了，谢谢！

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助