2014-03-02 146 views
0

IM上我的,我想一个div转换为图像的WordPress网站..即时通讯使用html2canvas javascript和它的作品完美的工作。当我捕获一篇文章时,它将它保存到服务器上有“Captured.jpg”。一切都很好,直到这里..但是当我点击捕获再次在不同的职位上,它取代了以前的图像“captured.jpg”。我希望我所捕获的帖子的所有图像能够保存在服务器上,并且可以包含帖子名称?可能吗?html2canvas捕捉格图像

部首

<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); 
?> 

captured.jpg被保存。

的single.php

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

有没有什么办法,如果我触发捕获一个职位以不同的名称保存或发布名称或交的ID ..所以它保存到服务器,而不取代旧的?

感谢

回答

1

Result.php

简单的改变文件名如下:

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