方法來保存HTML文件？

Question

因此，我一直在搞亂HTML和Literally Canvas ，它們基本上只是為您創建了一個繪圖板，得到了它，所以我在頁面上有一個導出按鈕。 當您點擊此按鈕時，當前僅打開帶有圖像的新頁面； 我要完成的是當有人按下按鈕時，將文件保存在本地Web服務器上。

打開工程圖的線是：

      window.open(lc.getImage().toDataURL());

有什么辦法可以做到這一點？

這是我的完整代碼。

<html>
  <head>
    <!-- stylesheet -->
    <link href="/draw/literallycanvas-0.4.1/css/literallycanvas.css" rel="stylesheet">

    <!-- dependency: React.js -->
    <script src="http://cdnjs.cloudflare.com/ajax/libs/react/0.10.0/react-with-addons.js"></script>

    <!-- Literally Canvas -->
    <script src="/draw/literallycanvas-0.4.1/js/literallycanvas.js"></script>
  </head>
  <body>
    <!-- where the widget goes. you can do CSS to it. -->


    <!-- kick it off -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></src>
    <script>
        // Look ma, no jQuery!
        LC.init(
            document.getElementsByClassName('literally')[0],
            {imageURLPrefix: '/draw/literallycanvas-0.4.1/lib/img'}
        );

        /* or if you just love jQuery,
            $('.literally').literallycanvas({imageURLPrefix: '/draw/literallycanvas-0.4.1/lib/img'})
        */


    </script>


<div class="literally export"></div>
<form class="controls export">
  <input type="submit" data-action="export-as-png" value="Export as PNG">
</form>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {
    var lc = LC.init(document.getElementsByClassName('literally export')[0]);
    $('.controls.export [data-action=export-as-png]').click(function(e) {
      e.preventDefault();
      window.open(lc.getImage().toDataURL());
    });
  });
</script>





  </body>
</html>

Answer 1

您將無法將圖像保存到Web服務器，因為一切都在客戶端。 最好的選擇是在獲取dataUrl之后上傳圖像。 這個問題顯示了如何做到這一點：如何在服務器上將HTML5畫布另存為圖像

方法來保存HTML文件？

問題描述

1 個解決方案

解決方案1
1 2014-11-28 10:00:42

方法來保存HTML文件？

問題描述

1 個解決方案

解決方案1 1 2014-11-28 10:00:42

解決方案1
1 2014-11-28 10:00:42