Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> PHP Screenshot
timez
post
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 1.07.2016

Ostrzeżenie: (0%)
-----

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!
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 7)
franki01
post
Post #2





Grupa: Zarejestrowani
Postów: 508
Pomógł: 75
Dołączył: 2.11.2005
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

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.

Ten post edytował franki01 1.07.2016, 21:05:24
Go to the top of the page
+Quote Post
timez
post
Post #3





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 1.07.2016

Ostrzeżenie: (0%)
-----

dzięki za szybką odpowiedź, a istnieje coś właśnie by na spokojnie dało się robić screenshota za pomocą przycisku?
Go to the top of the page
+Quote Post
franki01
post
Post #4





Grupa: Zarejestrowani
Postów: 508
Pomógł: 75
Dołączył: 2.11.2005
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
timez
post
Post #5





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 1.07.2016

Ostrzeżenie: (0%)
-----

mam pobrany html2canvas oraz tak jak napisałeś użyty. No nic, będę próbował dalej. Wielkie dzięki i tak.
Go to the top of the page
+Quote Post
franki01
post
Post #6





Grupa: Zarejestrowani
Postów: 508
Pomógł: 75
Dołączył: 2.11.2005
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

A i jeszcze jedno. Plik php z podanym przez Ciebie kodem musi nazywać się save_screenshot.php. Tak w roli ścisłości.
Go to the top of the page
+Quote Post
timez
post
Post #7





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 1.07.2016

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
franki01
post
Post #8





Grupa: Zarejestrowani
Postów: 508
Pomógł: 75
Dołączył: 2.11.2005
Skąd: Bydgoszcz

Ostrzeżenie: (0%)
-----

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.
Go to the top of the page
+Quote Post
« Następny starszy · PHP · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 11:17
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn