JS:图像上传实时操作,缩放,尺寸和裁剪

时间:2010-06-21 11:15:52

标签: javascript jquery image gd

我正在创建一个CMS,其中包含许多用户可以上传并附加到页面中不同位置的图像。

我正在尝试找到一个不错的,最好是基于jquery的插件或类似的插件,以便在允许裁剪之前缩放图像。

我已经实施了jCrop http://deepliquid.com/content/Jcrop.html,效果很好。但是,如果用户上传大图像,则无法缩小图像以便再裁剪其中的一部分。

我知道可以使用GD来缩小图像,但是在javascript界面​​中结合缩放和裁剪功能将是一件好事,以便让用户更好地了解他们对图像的影响。保存它。

如果我创建一个自定义函数来更改可能与滑块控件绑定的图像的高度和宽度,我是否可以将数据传递到GD lib?这样我可以在输出新的调整后的图像之前一次性缩小和缩放?

1 个答案:

答案 0 :(得分:0)

如果你可以强制使用支持HTML5的浏览器,这个项目可能会解决你所有的问题: http://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/