Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [AJAX]upload i zastosowanie kilku input file
kubax33
post
Post #1





Grupa: Zarejestrowani
Postów: 157
Pomógł: 1
Dołączył: 27.01.2010

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

Poniższe rozwiązanie to dynamiczny upload jednak funkcjonuje on tylko do jednego input file, a chciałbym postawić kilka input file, aby każdego osobno ładowało.
Jak to zrobić? 

[PHP] pobierz, plaintext 
  1. <!doctype html>
  2. <head>
  3. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
  4. <script src="http://malsup.github.com/jquery.form.js"></script>
  5. <style>
  6.  
  7. #progress 
  8. {
  9. position:relative; 
  10. width:200px; 
  11. border: 1px solid #ddd; 
  12. padding: 1px; 
  13. border-radius: 3px; 
  14. }
  15. #bar 
  16. { 
  17. background-color: #B4F5B4;
  18. width:0%; 
  19. height:20px; 
  20. border-radius: 3px; 
  21. }
  22.  
  23. #percent 
  24. { 
  25. position:absolute; 
  26. display:inline-block; 
  27. top:3px; 
  28. left:48%; 
  29. }
  30. </style>
  31. </head>
  32. <body>
  33.  
  34. <form id="myForm" name=upload action="upload.php" method="post" enctype="multipart/form-data">
  35.      <input type="file" size="60" name="plik">
  36.      <input type="submit" value="Dodaj plik">
  37. 	     <input type="hidden" name="MAX_FILE_SIZE" value="1000000">
  38.  </form>
  39.  
  40.  
  41.  
  42.  
  43.  <div id="progress">
  44.         <div id="bar"></div>
  45.         <div id="percent">0%</div >
  46. </div>
  47. <br/>
  48.  
  49. <div id="message"></div>
  50.  
  51.  
  52. <script>
  53. $(document).ready(function()
  54. {
  55.  
  56. 	var options = { 
  57.     beforeSend: function() 
  58.     {
  59.     	$("#progress").show();
  60.     	//clear everything
  61.     	$("#bar").width('0%');
  62.     	$("#message").html("");
  63. 		$("#percent").html("0%");
  64.     },
  65.     uploadProgress: function(event, position, total, percentComplete) 
  66.     {
  67.     	$("#bar").width(percentComplete+'%');
  68.     	$("#percent").html(percentComplete+'%');
  69.  
  70.  
  71.     },
  72.     success: function() 
  73.     {
  74.         $("#bar").width('100%');
  75.     	$("#percent").html('100%');
  76.  
  77.     },
  78. 	complete: function(response) 
  79. 	{
  80. 		$("#message").html("<font color='green'>"+response.responseText+"</font>");
  81. 	},
  82. 	error: function()
  83. 	{
  84. 		$("#message").html("<font color='red'> BŁĄD: nie można przesyłać pliku</font>");
  85.  
  86. 	}
  87.  
  88. }; 
  89.  
  90.      $("#myForm").ajaxForm(options);
  91.  
  92. });
  93.  
  94. </script>
  95. </body>
  96.  
  97.  
  98. </html>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
Przeciez na stronie pluginu masz przyklad z kilkoma plikami.
http://malsup.com/jquery/form/progress3.html
Go to the top of the page
+Quote Post
kubax33
post
Post #3





Grupa: Zarejestrowani
Postów: 157
Pomógł: 1
Dołączył: 27.01.2010

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

dziękuje przydatne. Jednak jak chciałym, aby dla każdego input file był osobny pasek wgrywania... ?
Go to the top of the page
+Quote Post
nospor
post
Post #4





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004
No to chyba nie przy pomocy tego pluginu..... Widac, ze nie udostepnia takiej funkcjonalnosci
Go to the top of the page
+Quote Post
kubax33
post
Post #5





Grupa: Zarejestrowani
Postów: 157
Pomógł: 1
Dołączył: 27.01.2010

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

co podobnego byś polecał?
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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