jQuery 调整大小（拖放）和裁剪

Posted 2023-02-25

【中文标题】jQuery 调整大小（拖放）和裁剪

【英文标题】：jQuery resize ( drag n drop ) & crop

【发布时间】：2012-01-26 15:39:45

【问题描述】：

我一直在从事一个项目，其中涉及以下内容（这是我卡住的地方）： 我必须使用非 Flash 上传器上传图片，即：http://blueimp.github.com/jQuery-File-Upload。 上传此图像后，它应该在灯箱（fancybox 等）中打开，用户应该可以选择 a）使用拖放功能调整图像大小（不给出实际坐标）； b）将调整大小的图像裁剪为固定的宽度和高度。 如果以上能同时完成就好了！

我一直在寻找插件和插件，但我找不到任何可以同时完成上述操作的东西。 大家有什么想法吗？

谢谢， 赛博

【问题讨论】：

我非常喜欢这种合成：拖放 n 裁剪

【参考方案1】：

对于客户端，我建议查看imgAreaSelect plugin - 它提供了您提到的功能并且非常可定制。

就实际创建修改后的图像/缩略图而言，通常您会将坐标发布到后端并在那里进行实际的裁剪/调整大小/保存，例如使用 Python 的 PIL 或其他依赖于您的语言的图像库。

【讨论】：

感谢您的回复。不幸的是，我上面提到的两个选项必须在客户网站上。 Here's an image 我到底需要什么：-用箭头重新调整图像的大小（我可能需要纵横比保持不变）-左上角和右下角带有正方形的正方形（逻辑！） left & right 代表实际的裁剪。

好吧，让用户进行一些调整大小或裁剪的部分相对容易，例如请参阅 jquery ui：jqueryui.com/demos/resizable/#option-aspectRatio - 但是，归根结底，实际的图像处理必须在服务器上进行......我也看不到你在评论中提到的“我需要的图像”