jQuery & PHP：调整大小、刷新和裁剪

Question

您好，感谢您的阅读： 很抱歉，如果我的问题是重复的，但已浏览并找不到答案。尽管我认为我的问题相当“标准”： 我有一个包含各种输入（个人详细信息等）的表单，我需要用户上传图像，以便他/她可以裁剪/选择要最终上传和保存的区域。

我已经成功地使用 PHP 服务器端调整大小来上传和显示调整大小的图像。没有任何问题。这似乎主要是使用表单中的操作标记重定向到 phps 脚本来实现的。

图像，取决于它是“大”还是“宽”，将使用调整后的最终图像的宽度/高度来调整大小并重新加载，最终大小也是“高”或“宽”。 .

然后我希望用户能够从调整大小的图像中选择一个区域，以便他“捕获”图像中的一个区域，而不会失真...... 有很多脚本“独立”地执行此操作，但显然都与上述类似，即。使用表单的动作标签进行 PHP 服务器端的裁剪（通常使用隐藏输入（x,y,w,h...），使用 jQuery 动态更新...），例如 imageareaselect...

所以...我的问题是如何调整大小，上传调整后的图像以进行重新裁剪，所有这些都在同一个表单中？

非常感谢您的帮助

问候， 捷豹路虎

Answer 1

您可能想尝试某种经过验证的解决方案，而不是重写所有内容。

类似于Cropper 的东西。还有一个PHP example here。

Cropper 绝对有很多选择。我不确定您到底要做什么，但是可以选择在后端（PHP）或前端（JS）中裁剪图像。这意味着图像在裁剪之前不需要上传到服务器。它允许您只在后端获取裁剪后的图片。

其他选项：

• https://github.com/acornejo/jquery-cropbox
• https://github.com/trepmag/jrac
• https://github.com/blueimp/JavaScript-Load-Image
• 没有前端只有后端：https://github.com/stojg/crop