html2canvas 捕獲 div 圖像

Question

我在我的 wordpress 網站上工作，我希望將一個 div 轉換為圖像。我使用 html2canvas javascript，它工作得很好。 當我捕獲一個帖子時，它會將其保存到服務器上，並帶有“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>

結果.php

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

捕獲的.jpg 被保存。

單個.php

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

如果我觸發帖子的捕獲以保存在不同的名稱或帖子名稱或帖子 ID 中，有什么辦法可以將其保存到服務器而不替換舊的？

謝謝

Answer 1

結果.php

簡單更改文件名如下：

$File = "screens/" . time() . ".jpg";