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

Question

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

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

如何做到这一点，或者是否有任何巧妙的解决方法。

Answer 1

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

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

作为一个例子，请参阅TinyMCE中的图像编辑器，它支持在没有页面刷新的情况下支持裁切，旋转，调整大小，翻转所有内容。

Answer 2

jcrop是你在找什么。

Answer 3

Pixastic是一个图像处理库;一旦你修改了图像，脚本的某种回传/上传呼叫将能够上传图像，只要你已经实现了所需的功能即可。

Answer 4

一个不完整的列表可以肯定，但是这些是想到的两个，它们允许您在客户端执行各种编辑并将其推回到服务器。

• PIxastic
• AIE

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