Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: PHP Screenshot
Forum PHP.pl > Forum > PHP
timez
1.07.2016, 20:47:43
Witam serdecznie, poszukuje już od kilku dni i nie mogę znaleźć.. Potrzebuję mieć zwykły przycisk który po kliknięciu będzie wyświetlać gdzie chce zapisać dany obraz /png. Znalazłem tutaj jedno ale nie działa mi niestety.. 
[HTML] pobierz, plaintext 
  1. function take_screenshot()
  2.  
  3.                     {
  4.                         html2canvas(document.body, {  
  5.                         onrendered: function(canvas)  
  6.                     {
  7.                         var img = canvas.toDataURL()
  8.                         $.post("save_screenshot.php", {data: img}, function (file){
  9.                         window.location.href =  "save_screenshot.php?file="+ file
  10.                     });
  11.                     }
  12.                     });
  13.                     }
[HTML] pobierz, plaintext

PHP
[PHP] pobierz, plaintext 
  1. <?php
  2.  
  3. if($_GET['file'])
  4. {
  5.  $file=$_GET['file'];
  6.  if (file_exists($file))
  7.  {
  8.   header('Content-Description: File Transfer');
  9.   header('Content-Type: image/png');
  10.   header('Content-Disposition: attachment; filename='.basename($file));
  11.   header('Content-Transfer-Encoding: binary');
  12.   header('Expires: 0');
  13.   header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
  14.   header('Pragma: public');
  15.   header('Content-Length: ' . filesize($file));
  16.   ob_clean();
  17.   flush();
  18.   readfile($file);
  19.   unlink($file);
  20.   exit;
  21.  }
  22. }
  23.  
  24. if($_POST['data'])
  25. {
  26.  $data = $_POST['data'];
  27.  $file = md5(uniqid()) . '.png';
  28.  $uri =  substr($data,strpos($data,",")+1);
  29.  file_put_contents('./'.$file, base64_decode($uri));
  30.  echo $file;
  31.  exit();
  32. }
  33. ?>
[PHP] pobierz, plaintext


Piszę pracę o Leap Motion, mam dane ćwiczenie które rysuje i po tym kończy się zadanie i button się wyświetla. Ale gdy go klikam niestety nic się nie dzieje a zależy mi mega by się mógł zapisać screen.. Bardzo was proszę pomoc!
franki01
1.07.2016, 21:03:42
1. Funkcja html2canvas nie jest funkcją JavaScript. Trzeba użyć/pobrać odpowiednie biblioteki. Zrobiłeś to?
2. Nie wiem czy sobie zdajesz sprawę, ale pierwszy if() w PHP jest mega niebezpieczny i wręcz sam błaga o to, żeby wykorzystać jego lukę i wyciągnąć zawartość plików PHP. Przeanalizuj sytuację, gdy w $_GET['file'] znajdzie się tekst "index.php" albo co gorsza dowolny inny plik z serwera (z jakimiś hasłami).
3. Popularne przeglądarki pozwalają na zainstalowanie konsoli błędów dla JavaScript (webdeveloper toolbar dla firefox). Pozwala to na podglądanie błędów spowodowanych przez JavaScript. Zainstaluj sobie taki dodatek. Prawdopodobnie pojawi się jakiś błąd związany z punktem 1.
4. Prawdopodobnie problem jest z uprawnieniami katalogów na serwerze. Jeśli trzymasz skrypty na serwerze pod Windowsem, zignoruj ten punkt. Jeśli na linuxie, czytaj dalej.
a. Utwórz w katalogu ze stroną katalog "tmp".
b. Za pomocą klienta FTP, musisz zmienić mu atrybuty na 0777 (zaznaczyć wszystkie uprawnienia do odczytu, zapisu i wykonania).
c. 
[PHP] pobierz, plaintext 
  1. file_put_contents('./'.$file, base64_decode($uri));
[PHP] pobierz, plaintext

zmienić na:
[PHP] pobierz, plaintext 
  1. file_put_contents('./tmp/'.$file, base64_decode($uri));
[PHP] pobierz, plaintext

d. bezpośrednio przed:
[PHP] pobierz, plaintext 
  1.  if (file_exists($file))
[PHP] pobierz, plaintext

dodaj taki kod:
[PHP] pobierz, plaintext 
  1. $file = './tmp/'.str_replace(array('/', '\\', '..'), '', $file);
[PHP] pobierz, plaintext


Dodatkowo z grubsza pozbędziesz się tym problemu z punktem 2.

Przede wszystkim zacznij od odpowiedniej realizacji punktów 1 i 3.
timez
1.07.2016, 21:05:43
dzięki za szybką odpowiedź, a istnieje coś właśnie by na spokojnie dało się robić screenshota za pomocą przycisku?
franki01
1.07.2016, 21:12:36
Jeden z prostszych sposobów właśnie użyłeś, ale gotowców też trzeba umieć używać. Ściągnij html2canvas.js stąd: https://github.com/niklasvh/html2canvas/releases do katalogu ze stroną.
Na stronie w sekcji <head> użyj:
Kod
<script src="html2canvas.js" type="text/javascript"></script>


Teraz masz podane wszystko jak na tacy. Jeśli to Ci nie pomoże, należy wrócić do nauki HTMLa, JavaScriptu i PHP.
timez
1.07.2016, 21:15:48
mam pobrany html2canvas oraz tak jak napisałeś użyty. No nic, będę próbował dalej. Wielkie dzięki i tak.
franki01
1.07.2016, 21:18:21
A i jeszcze jedno. Plik php z podanym przez Ciebie kodem musi nazywać się save_screenshot.php. Tak w roli ścisłości.
timez
1.07.2016, 21:25:11
mam tak nazwane, mam zaimplementowaną bibliotekę, zmieniłem tam ale nadal niestety nie działa. Nawet jak robię na sucho, 2 pliki. Jeden z html a drugi php. włączam przez przeglądarke i mam przycisk button, klikam na niego ale niestety nic się nie robi. 
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript" src="jquery.js"></script>
  4. <script src="html2canvas.js" type="text/javascript"></script>
  5. <script>
  6. 	function take_screenshot()
  7. 					{
  8. 						html2canvas(document.body, {  
  9. 						onrendered: function(canvas)  
  10. 					{
  11. 						var img = canvas.toDataURL()
  12. 						$.post("save_screenshot.php", {data: img.split(',').pop()}, function (file){
  13. 						window.location.href =  "save_screenshot.php?file="+ file
  14. 					});
  15. 					}
  16. 					});
  17. 					}
  18. </script>
  19. <body>
  20. <div id="wrapper">
  21. <div id="screenshot_div">
  22.   <button type="button" onclick="take_screenshot()">Take Screenshot</button>
  23. </div>
  24. </div>
  25. </body>
  26. </html>
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
  1. <?php
  2. if($_GET['file'])
  3. {
  4.  $file=$_GET['file'];
  5.  $file = './tmp/'.str_replace(array('/', '\\', '..'), '', $file);
  6.  if (file_exists($file))
  7.  {
  8.   header('Content-Description: File Transfer');
  9.   header('Content-Type: image/png');
  10.   header('Content-Disposition: attachment; filename='.basename($file));
  11.   header('Content-Transfer-Encoding: binary');
  12.   header('Expires: 0');
  13.   header('Cache-Control: must-revalidate, post-check=0, pre-check=0');
  14.   header('Pragma: public');
  15.   header('Content-Length: ' . filesize($file));
  16.   ob_clean();
  17.   flush();
  18.   readfile($file);
  19.   unlink($file);
  20.   exit;
  21.  }
  22. }
  23.  
  24. if($_POST['data'])
  25. {
  26.  $data = $_POST['data'];
  27.  $file = md5(uniqid()) . '.png';
  28.  $uri =  substr($data,strpos($data,",")+1);
  29.  file_put_contents('./tmp/'.$file, base64_decode($uri));
  30.  echo $file;
  31.  exit();
  32. }
  33. ?>
[PHP] pobierz, plaintext
franki01
1.07.2016, 22:13:56
Wklejaj sobie:
Kod
alert('test');

po kolei do funkcji take_screenshot(), potem do onrendered: function(canvas), potem do funkcji w $.post i patrz czy się pokazuje okienko przy każdym wciśnięciu guzika. Wtedy dojdziesz, na czym się kod wiesza. Jeśli korzystasz z aktualnej wersji Firefoxa albo Chroma, wciśnij F12 i masz konsolę błędów - sprawdź czy JavaScript nie generuje żadnych błędów.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.