Miniaturka obrazka przy uploadzie pliku

[R_Rafalsky]

Witam ponownie,

Powiedzmy, że mamy formularz, w którym możemy wybrać kilka plików do uploadu (każdy plik ma swoje pole file w formularzu). Wszystko cacy działa tylko chciałbym dodać aby w jakimś divie pojawiała się miniaturka wybranego pliku (nie musi być przerabiana wystarczy na sztywno width max-height ustalić w css). Jak to zrobić bez użycia Javy, Flasha? Samo JS lub HTML5 (jeżeli jest taka opcja).

Jakby ktoś wiedział czy jest jakaś fajna integracja tego w Yii (jakieś rozszerzenie CForm) to byłbym w ogóle szczęśliwy

[Pedro84]

http://www.yiiframework.com/forum/index.php?/topic/1895-automatic-thumbnails-for-uploaded-images/

Nie ma za co

[R_Rafalsky]

Nie chodzi mi o modyfikowanie po stronie serwera - to już mam.
Chodzi mi o to by przy samym wyborze pliku obok pojawiła się miniaturka tego pliku, następnie mogę wysłać formularz i zrobić obróbkę tych plików przez PHP.

Wg mnie są dwa wyjścia. Pierwsze:
1. Wysyłamy AJAXem plik na serwer (jakaś kontrolka jquery odpalana przy wybraniu pliku z kompa - jaka?) do jakiegoś folderu TEMP i wrzucamy img atrybut src=/temp/plik.jpg. Formularz pamięta w jakimś ukrytym polu nazwę pliku temp.
2. Później przy obsłudze formularza przerabiamy plik nie z POST (FILES) tylko z temp korzystając z nazwy pliku w ukrytym formularzu.
(no można jeszcze w BD trzymać sesję i po niej identyfikować jaki plik w temp jest którego usera)

Drugie:
1. Sam JS, HTML5 lub CSS3 - wyświetlający zawartość lokalną jako miniaturkę - najlepsze rozwiązanie, ale nie mam pojęcia jak

Jakieś pomysły? Tak, wiem jestem wymagający i wymyślam

[Pedro84]

Zaraz, ty chcesz ten plik mieć na serwerze przed wysłaniem formularza? No to musisz go wysłać bez przeładowania strony. Flash, Uploadify, Plupload - do wyboru do koloru. Dwa ostatnie mają API, które pozwoli Ci na dostęp do nazwy pliku - wtedy sobie z nią rób co chcesz

[R_Rafalsky]

Nie da się coś ala zawartość lokalna bez uploadu na serwer? Boli mnie trochę przerabianie całego uploadu - mam go gotowy tylko ta miniaturka potrzebna. A podwójny upload jest bezsensowny.

[Pedro84]

No jest bezsensowny, dlatego Ci podałem tamten link:
1. Upload w tle, po wybraniu pliku.
2. Wysyłasz sobie request do odpowiedniego pliku czy kontrolera.
3. Zwracasz nazwę i ścieżkę pliku.
4. Możesz sobie robić z tym co chcesz.

Polecam Plupload lub Uploadify - umożliwiają wykorzystywanie wielu metod uploadu, dodatkowo ustawianie ich kolejności. Działa to świetnie.

[Kartofelek]

Ale już można bez uploadu. Tylko żebym pamiętał tamten link. Anyway tylko najnowsze przeglądarki na to pozwalają

[Pedro84]

Ale już można bez uploadu. Tylko żebym pamiętał tamten link. Anyway tylko najnowsze przeglądarki na to pozwalają

Tylko najnowsze czyli rozwiązanie i tak do kitu, jak na razie.

Prośba, jak znajdziesz ten link podeślij na PW, proszę ładnie

[R_Rafalsky]

Gdzie na PW?! To ja szukam rozwiązania!

[Kartofelek]

Z tego co pamiętam szukałem mniej więcej coś takiego:
Google -> html5 file api

np tutaj macie jakiś tam przykład:
https://developer.mozilla.org/en/Using_files_from_web_applications