Javascript 将屏幕截图保存到数据库中

在我的网页中，我有一个类似于的表格，单击下面的按钮，我想对该表格进行屏幕显示。那个表格不是一张图片，我用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>

我有两个问题：

根据上面的代码，当我单击

savetab

时，脚本必须打开屏幕截图，但它没有打开。我在控制台中没有任何错误，也没有看到任何东西

我想把那张照片保存在我的服务器上。我已经准备了一个php文件，其中包含一些在服务器上保存图片的代码，我只需要通过该图片。我在谷歌上读了很多东西，我发现我可以用ajax。你有什么好的例子吗

在代码中，

$（'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>

$（函数（）{
$（'#savetab1'）。在（'click'，function（）上{
var testdiv=document.getElementById（“testdiv”）；
html2canvas（$（“#testdiv”）{
onrendered：函数（画布）{
//画布是最终渲染的元素
var a=canvas.toDataURL（“image/png”）；
窗口。打开（a）；
}       
});
});
});

ru将代码包装在$（function（）{}中它工作得很好，这是正确的方法谢谢：）

 <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>