如何使用純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平台的自定義本機應用程序，您可以提前集成以在本地系統上進行同步。

不幸的是，沒有辦法繞過它。