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无权访问您的本地文件系统。出于安全原因，它全部被沙箱化。

您可以将其发送到服务器并从那里调用save（就像在客户端一样，IE中除外），或者使用许多API之一来处理Dropbox之类的事情， Google Drive等（或为平台制作自定义原生应用程序），您需要提前集成以便在本地系统上进行同步。

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

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

1 个答案: