使用javascript将画布保存为特定文件夹中的PNG图像答案

【问题标题】：Save canvas as PNG image in specific folder with javascript使用javascript将画布保存为特定文件夹中的PNG图像
【发布时间】：2012-07-18 21:25:03
【问题描述】：

我有一些用画布制作的图形，我想将它们作为 .png 图像保存在用户计算机的特定文件夹中。

我在客户端这样做：

$(".new_canvas").each( function(index) {

                var dataurl = $(".new_canvas")[index].toDataURL("image/png");

                $.ajax({
                        type: "POST",
                        url: "export_images",
                        data: dataurl,
                        }
                });
            });

在服务器端，我收到了 base64 编码的字符串，但是如何将此图像保存在特定目录中？

我已经看到了一些关于这个的问题并尝试了一些东西但没有成功......

谢谢。

【问题讨论】：

你能举出至少一个你试过的例子吗？
我试过这个：stackoverflow.com/questions/11112321/… 和
您正在发布到服务器端，但您正在谈论将文件保存到客户端？您想将这个文件保存在哪里？
这是一个基于 Web 的应用程序，但是它安装在用户计算机上，不能通过浏览器访问。所以实际上服务器在用户的机器上。我已经在这样的特定目录中保存了一个 .xls 文件，但是由于编码（我认为），我不知道如何对图像执行此操作...我实际上可以将文件保存到目录中，但是它已损坏，我看不到图像。

标签： javascript canvas png base64

【解决方案1】：

保存在用户计算机的特定文件夹中

哦，亲爱的。你绝对不能这样做。您可以做的最好的事情是从服务器上下载一个图像，该图像将进入下载目录，或者您可以提供一个链接。您无法指定文件在用户计算机上的保存位置。

【讨论】：

我可以...我已经这样做了，我将文件保存到目录但文件没有图像，因为我不知道是否有特定的编码和保存方法...
等等，你的意思是把文件保存在服务器上吗？
是的。该应用程序本地安装在用户的机器上（我没有很多用户，服务器在计算机上）。我正在使用 xulrunner，并且有一些画布可以保存为 png。我有图像的 base64 字符串（使用 canvas.toDataUrl("image/png")），但是我不知道如何正确保存它。我需要先解码吗？
是的，这取决于你能写什么。 PHP 内置了 base64 解码。我不知道 xulrunner 有哪些选项可供您使用
@Neuza 能否请您链接如何实现（将文件保存到目录）