如何使用纯javascript或jQuery将我的HTML5画布屏幕作为png图像保存到我项目的特定文件夹中？

Question

这是我迄今为止发现和使用的用于保存图像的内容。 此功能完美地截取屏幕截图并在新窗口位置打开图像。 但我想暂时将png图像文件保存到项目的特定文件夹中，以便稍后我可以从该文件夹中检索图像。 这是我的JS功能：

function saveImage()
{
    var canvasScreen = document.getElementById("paintCanvas");
    var myImage; 
    if (canvasScreen.getContext) 
    {
         ctx = canvasScreen.getContext("2d");                
         myImage = canvasScreen.toDataURL("image/png");     
    }
    window.location.href = myImage;
}

这是HTML部分：

<canvas id="paintCanvas" style="width: 100%; height: 100%;"></canvas>

我已经尝试过FileSaver.js（ https://github.com/eligrey/FileSaver.js ）但没有成功。 我已经搜索了我的解决方案，但没有任何正常工作。 我需要这个基于HTML的移动应用程序。 任何人都可以给我一些明确的想法或任何你遇到的类似的东西吗？ 提前致谢 ：）

Answer 1

你不能。 JavaScript无权访问您的本地文件系统。 出于安全考虑，它都是沙箱。

您可以将其发送到服务器并从那里调用保存（如同在客户端一样，除了在IE中），或者使用Dropbox ， Google Drive等许多API中的一个（或者make平台的自定义本机应用程序，您可以提前集成以在本地系统上进行同步。

不幸的是，没有办法绕过它。