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>

Results.php

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

capture.jpg已保存。

single.php中

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

是否有任何方法，如果我触发捕获的帖子以保存在不同的名称或帖子名称或帖子ID ..所以它将它保存到服务器而不更换旧的？

感谢

Answer 1

<强> Result.php

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

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

html2canvas捕获div图像

1 个答案: