裁剪图像 - 最好的方法

Question

到目前为止，我们已经简单地将图像上传到 node.js 服务器，然后上传到 S3 存储桶。我们只有类型和文件大小检查。我需要在客户端实现裁剪。经过大量研究和阅读，似乎是这样的选择：

1. Nodee.js 方面我将使用 imagemagick
2. 客户端我将使用 Jcrop

思路如下： 1. 用户将未裁剪的图像发送到服务器，服务器将其上传到 Amazon S3 2. 图片上传到 S3 后（可能是保存临时图片到服务器），其链接将被发送到用户端并在该图片上激活 Jcrop 3. 用户将裁剪图像并将裁剪信息发送到服务器，服务器将使用该信息并将其提供给 imagemagick 4. Image magick 会调整图片大小 5. 图片将上传到 S3，用户将收到另一个调整大小图片的链接

我在这里有几个问题。我确信以前有人这样做过，我会很感激你的经验。

A.这个策略可以吗。我在服务器、客户端和 S3 之间路由。如果有改进的地方请说出来:) B. 我会将裁剪数据发送到 imagemagick。 Image magick 会对同一张图片进行裁剪。

这样可以吗？有什么示例代码要检查吗？

Answer 1

如果您还需要支持旧版浏览器，那么您提出的是一个很好的解决方案。否则，它可能是多余的。

如果您不介意排除较旧的浏览器（包括 IE 8 及更低版本），您可以使用 HTML5 和 canvas 元素直接在客户端中调整图像大小和裁剪图像。
这方面的话题很多，例如：Cropping images in the browser BEFORE the upload