Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: upload plikow
Forum PHP.pl > Forum > Gotowe rozwiązania > Szukam
El Nino9
witam,
szukam skryptu uploadu plików, mam jednak pewne zalożenia.

-po wybraniu pliku (chodzi konkretnie o zdjęcia) foto załaduje się od razu obok (jquery)
-przesłanie pliku nastąpi dopiero po wysłaniu formularza.

Etil
Cytat(El Nino9 @ 29.08.2011, 00:57:27 ) *
-przesłanie pliku nastąpi dopiero po wysłaniu formularza.


A może nastąpić przed wysłaniem formularza?
El Nino9
Cytat(Etil @ 29.08.2011, 01:14:37 ) *
A może nastąpić przed wysłaniem formularza?


W zamyśle miałem coś takiego, że wybrany obrazek ładuje się obok, można go zmienić, a jeśli już jesteśmy pewni decyzji,
klikamy edytuj zmiany,
wraz z obrazkiem następuje update pól w bazie danych.

ale skoro już coś masz, możesz pokazać smile.gif
enviro
Proponuje rozwiązanie uploadify. Dzięki metodzie onComplete można za pomocją jQuery pokazać podgląd obrazka, a jak nam się nie podoba, wgrać kolejny.

Jako folder uploadu obrazków proponuje jakiś folder tymczasowy, który będzie opróżniany skryptem codziennie. Dopiero po przesłaniu formularza z innymi danymi, wgrany obrazek przenieść już do docelowego folderu.

Sam korzystam z takiego rozwiązania w swoim autorskim sklepie internetowym. Poniżej rozwiązanie przykładowe:

Gdzieś w kodzie html:

  1. <a id="picture_a" href="default.png" target="_blank">
  2. <img id="picture_img" src="default/default.png" alt="brak" />
  3. </a>


I kod jQuery dla uploadify:
  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3. $('#file_upload').uploadify({
  4. 'uploader' : 'uploadify/uploadify.swf',
  5. 'script' : '/uploadify.php',
  6. 'cancelImg' : 'uploadify/cancel.png',
  7. 'folder' : '/user_uploads/',
  8. 'buttonText' : 'Wybierz',
  9. 'fileExt' : '*.jpg;*.gif;*.png',
  10. 'fileDesc' : 'Image Files',
  11. 'auto' : true,
  12. 'onComplete' : function(event, ID, fileObj, response, data) {
  13. if(response != 'error') {
  14. var url = './user_uploads/'+response;
  15. jQuery('#own_picture_a').attr('href', url);
  16. jQuery('#own_picture_img').attr('src', url);
  17. }
  18. else {
  19. alert('Błędny format pliku!');
  20. }
  21. }
  22. });
  23. });
  24. </script>
  25. <input id="file_upload" name="file_upload" type="file" />


Oczywiście jest to bardzo uproszczona budowa. Należy ja odpowiednio rozwinąć, aczkolwiek działa. Plik upload.php dostępny w paczce z uploadify.
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-2024 Invision Power Services, Inc.