Javascript html2canvas捕获div图像

我在我的wordpress网站上工作，我想把一个div转换成image。。我正在使用HTML2CanvasJavaScript，它工作得非常完美。当我捕获一篇文章时，它会将其保存到服务器上，并显示“Captured.jpg”。到这里一切都好。。但是，当我在另一篇帖子上再次单击“捕获”时，它会替换以前的图像“captured.jpg”。我希望我捕获的所有帖子的图像都保存在服务器上，帖子名称可能是？可能吗

标题

<script type="text/javascript">
function capture() {
   $("#quotesingle").html2canvas({ 
        canvas: hidden_screenshot,
        onrendered: function() {
            var img = $("#hidden_screenshot")[0].toDataURL();
            img= img.replace('data:image/png;base64','');
            $form = '<form name="frmact" action="result.php" method="post" ><input type="hidden" name="img" value="' + img + '" /></form>';
            $('body').append($form);
            frmact.submit();
            $('body').remove($form);    
        }
  });
}
</script>

函数捕获（）{
$（“#quotesingle”）.html2canvas（{
画布：隐藏的屏幕截图，
onrendered:function（）{
var img=$（“#隐藏#屏幕截图”）[0].toDataURL（）；
img=img.replace（'data:image/png；base64'，''）；
$form=''；
$（'body'）。追加（$form）；
frmact.submit（）；
$（'body'）。删除（$form）；
}
});
}

Results.php

<?php
$canvasImg = $_POST['img'];    
$data = base64_decode($canvasImg);
$File = "captured.jpg"; 
$Handle = fopen($File, 'w');
fwrite($Handle, $data);  
fclose($Handle);
?>

//POSTLOOP
<input type=button value="Screenshot" onclick="javascript:capture();" /><br /><br /></div>
<canvas id="hidden_screenshot" style="display:none;" >

已保存captured.jpg

single.php

<?php
$canvasImg = $_POST['img'];    
$data = base64_decode($canvasImg);
$File = "captured.jpg"; 
$Handle = fopen($File, 'w');
fwrite($Handle, $data);  
fclose($Handle);
?>

//POSTLOOP
<input type=button value="Screenshot" onclick="javascript:capture();" /><br /><br /></div>
<canvas id="hidden_screenshot" style="display:none;" >

//POSTLOOP

如果我触发捕获以其他名称或帖子名称或帖子id保存帖子，是否有任何方法。。那么它会将其保存到服务器而不替换旧的

---

谢谢

Result.php

<?php
$canvasImg = $_POST['img'];    
$data = base64_decode($canvasImg);
$File = "captured.jpg"; 
$Handle = fopen($File, 'w');
fwrite($Handle, $data);  
fclose($Handle);
?>

//POSTLOOP
<input type=button value="Screenshot" onclick="javascript:capture();" /><br /><br /></div>
<canvas id="hidden_screenshot" style="display:none;" >

简单更改文件名，如下所示：

$File=“screens/”。时间（）。“.jpg”