2014-03-02 139 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";