JS：图像上传实时操作、比例、尺寸和裁剪
我正在创建一个 CMS，其中包含许多图像，用户可以上传这些图像并将其附加到页面中的各个位置。
我试图找到一个不错的，最好是基于 jquery 的插件或类似的插件，用于在允许裁剪图像之前缩放图像。
我已经实现了 jCrop http://deepliquid.com/content/Jcrop.html ，它正在工作伟大的。然而，如果用户上传大图像，则无法缩小图像以裁剪其中的一部分。
我知道可以使用 GD 来缩小图像，但是在 javascript 界面中结合缩放和裁剪功能将是王牌，以便让用户在保存图像之前更好地了解他们对图像所做的事情。
如果我创建一个自定义函数来更改可能与滑块控件相关的图像的高度和宽度，我是否能够将数据传递到 GD lib 中？这样我就可以在输出新的调整后的图像之前一次性删除和缩放所有内容？
I am creating a CMS which has a number of images which a user can upload and attach to various places in the pages.
I am trying to find a nice, preferably jquery based plugin or similar for scaling an image before allowing it to be cropped.
I have implemented jCrop http://deepliquid.com/content/Jcrop.html which is working great. However a user, if they upload a large image, cannot scale the image down in order to then crop a section of it.
I understand that it's possible using GD to scale the image down, but it would be ace to combine scale and crop functionality in the javascript interface in order to give the use a better idea of what they are doing to the image before they save it.
If I create a custom function to change the height and width of an image perhaps tied to a slider control, will I be able to pass the data into GD lib? So that I can drop and scale all in one go before outputting the new adjusted image?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果您可以强制使用支持 HTML5 的浏览器，那么该项目可能会解决您的所有问题：
http://hacks.mozilla。 org/2010/02/an-html5-offline-image-editor-and-uploader-application/
If you can mandate that HTML5 capable browsers be used, this project might solve all of your problems:
http://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/