Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: jak sprawdzić format pliku przed wysłaniem...?
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
kpiotrek
5.12.2005, 14:09:17
Znalazłem coś takiego gdzieś na stronach - javscript sprawdza format pliku - i wszystko działa jezeli jest tylko jeden input...
no i tu jest mały problem... jeżeli będą np. dwa:
[HTML] pobierz, plaintext 
  1. <input type=file name=uploadfile[]>
[HTML] pobierz, plaintext

To nic nie działa sad.gif ...

Czy jest jakiś sposób żeby to zadziałało?
(wiem jak to zrobić w php - ale zależy mi żeby sprawdzić to z alertem po stronie przeglądarki)

[HTML] pobierz, plaintext 
  1. <HEAD> 
  2.  
  3. <script LANGUAGE="JavaScript"> 
  4. <!-- Begin 
  5. extArray = new Array(".gif", ".jpg", ".png"); 
  6. function LimitAttach(form, file) { 
  7. allowSubmit = false; 
  8. if (!file) return; 
  9. while (file.indexOf("\\") != -1) 
  10. file = file.slice(file.indexOf("\\") + 1); 
  11. ext = file.slice(file.indexOf(".")).toLowerCase(); 
  12. for (var i = 0; i < extArray.length; i++) { 
  13. if (extArray[i] == ext) { allowSubmit = true; break; } 
  14. } 
  15. if (allowSubmit) form.submit(); 
  16. else 
  17. alert("Please only upload files that end in types:  " 
  18. + (extArray.join("  ")) + "\nPlease select a new " 
  19. + "file to upload and submit again."); 
  20. } 
  21. //  End --> 
  22. </script> 
  23. </HEAD> 
  24.  
  25. <BODY> 
  26.  
  27. <center> 
  28. Please upload only images that end in:  
  29. <script> 
  30. document.write(extArray.join("  ")); 
  31. </script> 
  32. <p> 
  33.  
  34. <form method=post name=upform action="/cgi-bin/some-script.cgi" enctype="multipart/form-data"> 
  35. <input type=file name=uploadfile> 
  36. <p> 
  37. <input type=button name="Submit" value="Submit" onclick="LimitAttach(this.form, this.form.uploadfile.value)"> 
  38. </form> 
  39. </center>
[HTML] pobierz, plaintext
kszychu
5.12.2005, 16:54:41
Zamiast nazwy uploadfile użyj elements['uploadfile[]']. Ale radze ponazywać każdy file inaczej, wtedy będzie prościej.
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.