 [PHP]edycja zdjęć przed wysłaniem/uploadem |
  |
| [PHP]edycja zdjęć przed wysłaniem/uploadem |
 16.07.2012, 19:53:47
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 17 Pomógł: 0 Dołączył: 25.02.2011 Ostrzeżenie: (0%) 
 |
Witam,
Chciałbym zrobić formularz w którym dodaję zdjęcie wówczas ono wyświetla się pomniejszone obok formularza i wtedy w formularzu mogę wybrać opcje np. sepia, black&white itp. i za każdym razem jak wybiorę jakąś z tych opcji aby zmiany były widoczne w czasie rzeczywistym (na tym podglądzie obok formularza). No a później po kliknięciu 'wyślij' odbyło się wysłanie danych z formularza wraz ze zdjęciem (oryginał i zmienione lub oryginał i dane tekstowe o wybranym efekcie) na maila lub na serwer. Dla zobrazowania problemu podaję linka ze stroną na której jest coś takiego o co dokładnie mi chodzi : (proszę dodać przykładowe zdjęcie) Link |
 |
 
|
|
16.07.2012, 20:21:51
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 17 Pomógł: 0 Dołączył: 25.02.2011 Ostrzeżenie: (0%)
|
rozumiem, a jeśli ktoś załaduje zdjęcie ale nie kliknie 'wyślij' i wyjdzie ze strony nie realizując zamówienia to czy jest jakaś możliwość aby to zdjęcie automatycznie zostało wykasowane z serwera?
|
|
|
|
|
16.07.2012, 20:27:22
Post
#3
|
|
 Grupa: Zarejestrowani Postów: 133 Pomógł: 8 Dołączył: 23.09.2011 Skąd: Stromiec Ostrzeżenie: (0%)
|
Widziałem na wielu uploaderach drag&drop że zdjęcie jest załadowane najpierw do przeglądarki gdzie javascript je odbiera i wyświetla nawet jeśli nie zostało zdjęcie wsadzone na serwer. Tak więc !*! to nie jedyne wyjście, ale mimo wszystko działające. Jeśli ktoś się zdecyduje na edycję to je nadpisz, a jak nie to zrób limit czasu ile może takie zdjęcie być na serwerze i po upłynięciu cronem albo innym czymś usuń
-------------------- |
|
|
|
|
16.07.2012, 20:41:16
Post
#4
|
|
 Grupa: Zarejestrowani Postów: 6 476 Pomógł: 1306 Dołączył: 6.08.2006 Skąd: Kraków Ostrzeżenie: (0%)
|
1. Podstawą do wyświetlenia zdjęcia i jego edycji w przeglądarce może być <canvas />.
2. Gdy użytkownik zdecyduje się wysłać zdjęcie "pobierasz" je z elementu canvas - CanvasRenderingContext2D.getImageData() - i wysyłasz do serwera (AJAX). Ten post edytował Crozin 16.07.2012, 20:41:50 |
|
|
|
|
17.07.2012, 07:50:01
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 17 Pomógł: 0 Dołączył: 25.02.2011 Ostrzeżenie: (0%)
|
Cytat(Crozin @ 16.07.2012, 21:41:16 )  1. Podstawą do wyświetlenia zdjęcia i jego edycji w przeglądarce może być <canvas />. 2. Gdy użytkownik zdecyduje się wysłać zdjęcie "pobierasz" je z elementu canvas - CanvasRenderingContext2D.getImageData() - i wysyłasz do serwera (AJAX). ok, czyli z pomocą <canvas /> mam możliwość wyświetlenia/edycji zdjęcia bez upload'u na serwer, zgadza się? gdzie takie zdjęcie jest przetrzymywane (przechowywane..w jakiej pamięci?) do czasu kliknięcia 'wyślij' i uploadu na serwer/maila? |
|
|
|
|
17.07.2012, 09:05:38
Post
#6
|
|
 Grupa: Zarejestrowani Postów: 709 Pomógł: 176 Dołączył: 24.10.2010 Ostrzeżenie: (0%)
|
Człowiek jednak uczy się całe życie
 , dzięki Crozin, choć nie jestem autorem wątku, to wiadomość o tym bardzo mi się przyda. Dla zainteresowanych:http://stackoverflow.com/questions/6775767...e-api-on-canvas -------------------- http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
|
|
|
|
|
17.07.2012, 11:50:24
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 1 233 Pomógł: 87 Dołączył: 6.03.2009 Ostrzeżenie: (40%) 
|
Czy mi się zdaje, czy to rozwiązanie wymaga obsługi HTML5?
|
|
|
|
|
17.07.2012, 12:00:20
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 709 Pomógł: 176 Dołączył: 24.10.2010 Ostrzeżenie: (0%)
|
Tak, wymaga co nie oznacza, że nie jest ciekawe
 , można przygotować zapasową wersję dla nie html5 wówczas raczej edycja tylko po przesłaniu na serwer.
-------------------- http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
|
|
|
|
|
17.07.2012, 12:03:29
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 1 233 Pomógł: 87 Dołączył: 6.03.2009 Ostrzeżenie: (40%)
|
Nie trzeba klikać "upload" aby plik został wysłany na serwer. Wystarczy że user wybierze go z dysku, wysyłanie można rozpoczać tuż po zamknięciu okna dialogowego. Wystarczy przeglądarka z HTML4 + flash lub HTM5 lub jakaś inna wtyczka, np. silverlight. Dodatkowo przed wysłaniem można zmienić wymiary obrazka i jego jakość, więc wysyłanie odbędzie się w mgnieniu oka.
Ten post edytował wNogachSpisz 17.07.2012, 12:05:15 |
|
|
|
|
18.07.2012, 08:51:50
Post
#10
|
|
|
Grupa: Zarejestrowani Postów: 17 Pomógł: 0 Dołączył: 25.02.2011 Ostrzeżenie: (0%)
|
czyli rozumiem, ze nie da się wyedytować zdjęcia po stronie klienta, tylko trzeba najpierw wysłać plik na serwer a później (po edycji) nadpisać go w zmienionej formie na serwerze?
A może jest jakiś sposób na to w JavaScript'cie? lub innym języku? Ten post edytował m4dmike 18.07.2012, 08:52:43 |
|
|
|
|
18.07.2012, 08:57:55
Post
#11
|
|
 Grupa: Przyjaciele php.pl Postów: 2 605 Pomógł: 96 Dołączył: 22.10.2004 Skąd: UK Ostrzeżenie: (0%)
|
Cytat(m4dmike @ 18.07.2012, 09:51:50 ) czyli rozumiem, ze nie da się wyedytować zdjęcia po stronie klienta, tylko trzeba najpierw wysłać plik na serwer a później (po edycji) nadpisać go w zmienionej formie na serwerze? A może jest jakiś sposób na to w JavaScript'cie? lub innym języku?
-------------------- Najczęstsze błędy | Jak poprawnie zadać pytanie? | Serwer PHP - od czego zacząć?
SQL Injection | Hashowanie haseł | Jak działają sesje, przykłady ___ The world is yours ... |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 16.04.2024 - 19:34 |
