如何保存从画布转换为本地文件夹的图像？

Question

对于我的javascript应用程序，我需要对ipad演示文稿中的每个页面进行截屏，无论如何，我都使用html2canvas找到了解决方案。 现在，我可以将html页面转换为图像，但是如何使用javascript将其保存在演示文稿图像文件夹中？

这是我的javascript

html2canvas(document.body, 
{
  onrendered: function(canvas) 
{  
  var test = document.getElementsByClassName('test');    //finding the div.test in the page  
  $(test).append(canvas);                                //appending the canvas to the div
  var canvas = document.getElementsByTagName('canvas');     
  $(canvas).attr('id','test');                          //assigning an id to the canvas
  var can2 = document.getElementById("test");
  var dataURL = can2.toDataURL("image/png");            //converting the canvas to      image(PNG)      
  document.getElementById("image_test").src = dataURL;  //assigning the url to the image
  $(canvas).remove();                                   //removing the image
},logging:true,background: "#fff",
});

这是我的html

<div class="wrapper">
  <div class="container">
    <div class="test">
      <img src="" id="image_test">
    </div>
  </div>
</div>

有人可以帮我如何在演示文稿图像文件夹中保存ID为“ image_test”的图像吗？

提前致谢。

Answer 1

如果要将文件保存在服务器上，则可以将用户链接到文件页面。 否则，您可以根据数据链接到“假”路径

例如：

function download(data){
    document.location = 'data:Application-octet-stream,'+
                         encodeURIComponent(data);
}

http://blogs.adobe.com/cantrell/archives/2012/01/how-to-download-data-as-a-file-from-javascript.html