如何使用javascript实时编辑图像并将编辑后的图像保存在服务器上？

Question

是否可以使用javascript库编辑图像，然后将编辑后的图像发送到服务器进行保存 编辑将实时进行，意味着用户可以在编辑的同时查看编辑结果，而无需刷新页面。

我想要一个javascript库对网页上的图像进行一些编辑，例如裁剪，调整大小，旋转......，然后将编辑后的结果发送到服务器。

如何做到这一点，或者是否有任何聪明的工作可以解决这个问题。

Answer 1

提到的库似乎不是完全跨浏览器。据我所知，没有完全符合浏览器标准的方法来编辑客户端上的像素数据。

目前最好的方法是在服务器上进行这些操作。您仍然可以使用Web服务实时执行此操作。

作为示例，请参阅TinyMCE中的图像编辑器，它支持裁剪，旋转，调整大小，翻转，所有这些都可以从客户端进行，而无需刷新页面。

Answer 2

jcrop正是您要找的。

Answer 3

Pixastic是一个图像处理库;一旦您修改了图像，只要您已经实现了所需的功能，脚本中的某种回发/上传调用就能够上传图像。

Answer 4

确定不完整的列表，但这些是我想到的两个，它们允许您在客户端进行各种编辑并推回服务器。

• PIxastic
• AIE

还有许多不太完整的图像编辑工具，可以简单地裁剪或调整对比度。