裁剪图像-最佳方法

Question

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

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

想法如下：1.用户将未裁剪的图像发送到服务器，然后将其上传到Amazon S3 2.将图像上传到S3（也许将临时图像保存到服务器）后，其链接将发送到用户端，而Jcrop将在该图像上激活。3.用户将裁剪图像并将裁剪信息发送到服务器，服务器随后将使用该信息并将其提供给imagemagick4。image magick将调整图像大小5.将图像上传到S3和用户将收到另一个带有调整大小图像的链接

我在这里有几个问题。 我敢肯定有人做过，我很感谢您的经历。

答：这种策略可以吗？ 我在服务器，客户端和S3之间路由。 如果有改进的地方，请说：) B.我将把裁剪数据发送到imagemagick。 并且Image magick将在同一张图像上执行裁剪操作。

这样可以吗？ 有任何示例代码要检查吗？

Answer 1

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

如果您不介意排除较旧的浏览器（包括IE 8及更低版本），则可以使用HTML5和canvas元素直接在客户端中调整大小和裁剪图像。
与此相关的主题很多，例如： 在上传之前在浏览器中裁剪图像