使用jQuery/Java裁剪和上传图像

Sak*_*ket 5 html java jquery servlets crop

我正在寻找一个允许以下内容的jQuery插件:

  1. 选择/浏览图像(来自用户的文件系统)
  2. 预览图像,具有CROP功能
  3. 将裁剪后的图像上传到服务器(JAVA Servlet)

有什么指针吗?

PS:我发现了许多独立的图像裁剪插件(适用于预定义的图像),但也没有允许上传自定义图像的插件(通过Java servlet).

Pri*_*osK 1

这里解释了一种方法,即在 HTML5 支持的浏览器中实际将图像上传到服务器之前裁剪图像。提到的解决方案是以下组合:JCrop、JQuery、HTML5 的文件和 Canvas API。

另一种方法(对于非 HTML5 浏览器)是:

  1. 选择/浏览图像
  2. 将其上传到服务器(作为临时图像)
  3. 预览图像,具有裁剪功能
  4. 将裁剪坐标发送到服务器
  5. 在服务器端裁剪并保存图像