Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Pasek postępu
Forum PHP.pl > Forum > PHP
furman12
Witam,
Buduję sobie skrypt uploadu i zależy mi na pasku postępu. Czy można zrobić go w samym php, czy trzeba uciekać się do javascript? Chciałbym nie używać js gdyż jestem w tym temacie zielony (choć nie mogę powiedzieć że jestem orłem w php), lecz jeśli nie można zrobić tego w php proszę o wytłumaczenie krok po kroku jak zrobić to inaczej, jeśli jest taka konieczność proszę o przeniesienie. smile.gif
Pozdrawiam
tehaha
php to skrypt po stronie serwera, więc nie zrobisz w nim takiego paska, najprościej będzie jak użyjesz jakiegoś gotowego rozwiązania np.
http://t.wits.sg/2008/06/25/howto-php-and-...d-progress-bar/
a tutaj demo tego paska:
http://t.wits.sg/misc/jQueryProgressBar/demo.php
furman12
Ten z digital bush coś mi nie działa. Na 100% coś źle robie. Możecie napisać jak to ma być. Nie piszcie o kursach bo właśnie czytam 1, ale dalej mi nie idzie.

W ogóle jak to podpiąć pod upload?
PS: Do modratora, chyba trzeba przenieść bo temat zszedł na js.

Dobra mam coś takiego:
  1. <link rel="stylesheet" type="text/css" href="style.progressbar.css" />
  2. <script type="text/javascript" src="mintAjax.js"></script>
  3. var interval;
  4. var procents = 0;
  5. var rands = 0;
  6. var procen = 0;
  7.  
  8.  
  9.  
  10. function cut() {
  11.  
  12. obj = document.getElementById("mask");
  13. text = document.getElementById("procents");
  14. width = obj.offsetWidth;
  15. rands = rand(15);
  16. width = width - rands;
  17. procents += Math.round(rands/3);
  18. obj.style.width = width + "px";
  19.  
  20. if(procents >= 100) {
  21. clearInterval(interval);
  22. procents = 100;
  23. }
  24. text.innerHTML = "<b>"+procents + "%</b>";
  25. }
  26.  
  27.  
  28. function startUpload() {
  29. document.getElementById("upload_process").style.display = "block";
  30. interval = setInterval("cut()", rand(300));
  31. return true;
  32. }
  33.  
  34.  
  35. function stopUpload() {
  36. clearInterval(interval);
  37. }
  38.  
  39.  
  40. function rand(n) {
  41. return (Math.round(Math.random() * n + 1));
  42. }
  43. </head>
  44. <form method="post" enctype="multipart/form-data" target="upload_target" onsubmit="startUpload();">
  45. File: <input name="myfile" type="file" />
  46. <input type="submit" name="plik" value="Upload"/> <div id="upload_process" style="display:none;">
  47. <div id="loader">
  48. <div id="mask"></div>
  49. <div id = "procents"></div>
  50. <div class="clear"></div>
  51. </div>
  52. </div>
  53. </form>
  54. <iframe id="upload_target" name="upload_target" src="#" style="width:0px;height:0px;border:0px solid #fff;"></iframe>
  55. </body>
Tylko jak to podpiąć żeby szło równo z uploadowaniem?
wiiir
no przeciez nie da sie tego zrobic w js ehhhh... widzialem kiedys na sieci biblioteke do php gdzie bylo to zrobione
dzialalo to tak ze miales podglad ile pliku juz jest wyslanego ile ci zostalo info bylo w kb.. dodatkowo mozna bylo ustawiac limity na wysylanie i pare innych
VegetaSSJ
A ja polecam: http://swfupload.org/
Używam we wszystkich projektach, jak dla mnie jest niezastąpiony i ma wszystkie funkcje o którym można pomyśleć, mni multiupload i progressbar
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.