Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何仅使用纯javascript或jQuery将HTML5画布屏幕作为png图像保存到项目的特定文件夹中?_Javascript_Html_Canvas - Fatal编程技术网

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

如何仅使用纯javascript或jQuery将HTML5画布屏幕作为png图像保存到项目的特定文件夹中?,javascript,html,canvas,Javascript,Html,Canvas,这是我迄今为止发现并用于保存图像的内容。此功能完美地截取了屏幕截图,并在新窗口位置打开图像。但是我想暂时将png图像文件保存到项目的特定文件夹中,以便以后可以从该文件夹中检索图像。 这是我的JS函数: function saveImage() { var canvasScreen = document.getElementById("paintCanvas"); var myImage; if (canvasScreen.getContext) {

这是我迄今为止发现并用于保存图像的内容。此功能完美地截取了屏幕截图,并在新窗口位置打开图像。但是我想暂时将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,但没有成功。我已经寻找了我的解决方案,但没有找到一个合适的解决方案。我需要这个基于HTML的移动应用程序。有谁能给我一些明确的想法或任何你面临的类似问题吗?提前感谢:

你不能。JavaScript无法访问本地文件系统。出于安全考虑,它都是沙盒

您可以将其发送到服务器并从那里调用另存为,就像您在客户端所做的一样(IE中除外),或者使用许多API中的一个来执行诸如等操作,或者为平台创建一个自定义的本机应用程序,您可以提前在本地系统上集成该应用程序以进行同步


很遗憾,这是无法避免的。

谢谢您的回复和建议@知识范围