如何保存经过处理的图像？

Posted 2023-02-24

【中文标题】如何保存经过处理的图像？

【英文标题】：How do I save a manipulated image?

【发布时间】：2011-07-30 05:06:09

【问题描述】：

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

有没有相关的库，或者最容易自己做？

【问题讨论】：

Capture html Canvas as gif/jpg/png/pdf?的可能重复

【参考方案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”是一个小标题（请参阅链接的 so-post）和字符串中的文件内容。您可以将其发布到服务器进行存储。