如何保存受控图像？

Question

我使用javascript image processing library来操作图像，当我完成后，我希望能够将图像（新文件）保存到服务器并在数据库中跟踪它。数据库部分没问题，但如何在不丢失操作的情况下保存图像？

是否有任何图书馆或者我自己最容易做到？

Answer 1

似乎Pixastic不为此提供接口，具体而言，但是选项中有一个属性可以为您提供最终的画布：

var options = {};
Pixastic.process(image, "action", options);
options.resultCanvas; // <- holds new canvas

此画布对象可用于获取“数据URL”：

options.resultCanvas.toDataURL('image/jpeg')

Uploading 'canvas' image data to the server

“数据URL”是一个很小的标题（参见帖子链接）和字符串中的文件内容。您可以将其发布到服务器进行存储。