upload plikow Opcje

[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]

-przesłanie pliku nastąpi dopiero po wysłaniu formularza.

A może nastąpić przed wysłaniem formularza?

[El Nino9]

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ć (IMG:style_emoticons/default/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:

[HTML] pobierz, plaintext 
<a id="picture_a" href="default.png" target="_blank">
	<img id="picture_img" src="default/default.png" alt="brak" />
</a>
[HTML] pobierz, plaintext 

I kod jQuery dla uploadify:

[HTML] pobierz, plaintext 
<script type="text/javascript">
                                            $(document).ready(function() {
                                              $('#file_upload').uploadify({
                                                'uploader'   : 'uploadify/uploadify.swf',
                                                'script'     : '/uploadify.php',
                                                'cancelImg'  : 'uploadify/cancel.png',
                                                'folder'     : '/user_uploads/',
                                                'buttonText' : 'Wybierz',
                                                'fileExt'    : '*.jpg;*.gif;*.png',
                                                'fileDesc'   : 'Image Files',
                                                'auto'       : true,
                                                'onComplete' : function(event, ID, fileObj, response, data) {
                                                    if(response != 'error') {
                                                        var url = './user_uploads/'+response;
                                                        jQuery('#own_picture_a').attr('href', url);
                                                        jQuery('#own_picture_img').attr('src', url);
                                                    }
                                                    else {
                                                        alert('Błędny format pliku!');
                                                    }
                                                }
                                              });
                                            });
                                        </script>
<input id="file_upload" name="file_upload" type="file" />
[HTML] pobierz, plaintext 

Oczywiście jest to bardzo uproszczona budowa. Należy ja odpowiednio rozwinąć, aczkolwiek działa. Plik upload.php dostępny w paczce z uploadify.