如何仅使用纯javascript或jQuery将HTML5画布屏幕作为png图像保存到项目的特定文件夹中?
这是我迄今为止发现并用于保存图像的内容。此功能完美地截取了屏幕截图,并在新窗口位置打开图像。但是我想暂时将png图像文件保存到项目的特定文件夹中,以便以后可以从该文件夹中检索图像。 这是我的JS函数:如何仅使用纯javascript或jQuery将HTML5画布屏幕作为png图像保存到项目的特定文件夹中?,javascript,html,canvas,Javascript,Html,Canvas,这是我迄今为止发现并用于保存图像的内容。此功能完美地截取了屏幕截图,并在新窗口位置打开图像。但是我想暂时将png图像文件保存到项目的特定文件夹中,以便以后可以从该文件夹中检索图像。 这是我的JS函数: function saveImage() { var canvasScreen = document.getElementById("paintCanvas"); var myImage; if (canvasScreen.getContext) {
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中的一个来执行诸如等操作,或者为平台创建一个自定义的本机应用程序,您可以提前在本地系统上集成该应用程序以进行同步
很遗憾,这是无法避免的。谢谢您的回复和建议@知识范围