데이터베이스에 화면 캡처 저장

Question

내 웹 페이지에 this과 같은 표가 있으며 아래에있는 버튼을 클릭하면 해당 표의 화면을보고 싶습니다. 이 테이블은 그림이 아니므로 HTML 및 CSS 코드로 작성했습니다.

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script type="text/javascript" src="html2canvas.js"></script> 

<script language="javascript"> 
$('savetab').click(function() { 
var testdiv = document.getElementById("testdiv"); 
    html2canvas($("#testdiv"), { 
     onrendered: function(canvas) { 
      // canvas is the final rendered <canvas> element 
      var a= canvas.toDataURL("image/png"); 
      window.open(a); 
     },  
    }); 
}); 
</script> 

이 코드는 해당 테이블을 포함하는 사업부입니다 testdiv의 스크린 샷을합니다. 내가 savetab을 클릭하면 스크립트가 스크린 샷을 열어야합니다

1. 위의 코드에 따르면 만 : 나는이 개 질문이

   <p align="center"><input type="button" value="Save table" id="savetab1" /></p> 
   

   : 여기에서 '저장 테이블'버튼의 코드를 볼 수 있습니다 하지 않습니다. 콘솔에 오류가 없으며 아무 것도 볼 수 없습니다.

2. 내 서버에 해당 그림을 저장하고 싶습니다. 서버에 그림을 저장하는 코드로 PHP 파일을 준비했습니다. 그 그림 만 전달하면됩니다. 나는 google에 많은 것을 읽고 나는 ajax으로 그것을 할 수있는 것을 발견했다. 좋은 예가 있습니까? 코드에서

Answer 1

$('savetab')이 $('#savetab1')

변경이

<script language="javascript"> 
    $(function(){ 
    $('#savetab1').on('click',function() { 
    var testdiv = document.getElementById("testdiv"); 
     html2canvas($("#testdiv"), { 
      onrendered: function(canvas) { 
       // canvas is the final rendered <canvas> element 
       var a= canvas.toDataURL("image/png"); 
       window.open(a); 
      }  
     }); 
    }); 
    }); 
    </script>