+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Miniaturka obrazka przy uploadzie pliku (/thread-miniaturka-obrazka-przy-uploadzie-pliku)
Miniaturka obrazka przy uploadzie pliku - R_Rafalsky - 09-02-2012
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
RE: Miniaturka obrazka przy uploadzie pliku - Pedro84 - 09-02-2012
http://www.yiiframework.com/forum/index.php?/topic/1895-automatic-thumbnails-for-uploaded-images/
Nie ma za co
RE: Miniaturka obrazka przy uploadzie pliku - R_Rafalsky - 09-02-2012
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
RE: Miniaturka obrazka przy uploadzie pliku - Pedro84 - 09-02-2012
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
RE: Miniaturka obrazka przy uploadzie pliku - R_Rafalsky - 09-02-2012
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.
RE: Miniaturka obrazka przy uploadzie pliku - Pedro84 - 09-02-2012
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.
RE: Miniaturka obrazka przy uploadzie pliku - Kartofelek - 09-02-2012
Ale już można bez uploadu. Tylko żebym pamiętał tamten link. Anyway tylko najnowsze przeglądarki na to pozwalają
RE: Miniaturka obrazka przy uploadzie pliku - Pedro84 - 09-02-2012
(09-02-2012, 19:49)Kartofelek napisał(a): 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
RE: Miniaturka obrazka przy uploadzie pliku - R_Rafalsky - 09-02-2012
Gdzie na PW?! To ja szukam rozwiązania!
RE: Miniaturka obrazka przy uploadzie pliku - Kartofelek - 10-02-2012
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