Jak na lepší upload souborů

11. 2. 2009 10:10 Martin Hassman

Nálepky:

Antonio Lupetti v článku File uploaders collection for web developers popisuje knihovny nabízejí lepší upload souborů, konkrétně Yahoo! UI Library Uploader, jQuery.MultiFile, FancyUpload, jQuery Ajax uploader, Mega Upload Progress Bar, Free ASP Upload, ColdFusion file upload progress a MooMultiple file upload.

Klasický formulářový upload je totiž nedostatečný. Dokáže nahrát najednou jen 1 soubor a neposkytuje zpětnou vazbu o postupu nahrávání. Zmíněné nástroje pak řeší jeden z těchto dvou problémů (případně oba) a nabízí uživateli snadný výběr a nahrání více souborů najednou včetně zobrazování progressbaru během nahrávání. Jak to dělají? Inu sáhnout po zcela jiné technologii, použijí Flash (resp. Flash komponentu na pozadí, takže na stránce si jí nevšimnete), který tyto možnosti obsahuje. HTML5 vícenásobný upload souboru řeší, ale byl doposud implementován pouze v Opeře, tudíž se na něj zatím nelze spoléhat.

Každopádně Flash řešení funguje, jen byste neměli vždy zapomenout jako alternativu nabídnout i klasické formulářové řešení. (Pozn. redakce: Argumentace dostatečnou penetrací Flashe mezi uživateli je v tomto případě lichá, protože jak se v redakci opakovaně přesvědčujeme, existují Flash uploadovací řešení, které na některých konfiguracích záhadně nefungují. Klasický HTML formulář pro upload je v takovém případě poslední záchranou.)

Dále čtěte…

Export z Flash do HTML5 18. 11. 2011 11:53
„Flash je mrtev, HTML5 není připravené, co teď?“ 16. 11. 2011 0:00
Končí Adobe s vývojem mobilního Flashe? 9. 11. 2011 10:56
Bude Hype, nástroj pro tvorbu grafických prezentací v HTML5, očekávaný "Flash killer"? 25. 5. 2011 8:59
Převádíme Flash do HTML5 21. 3. 2011 0:00

Předchozí zprávička Následující zprávička

Twitter

Jagg

Delicious

aura:72

v6ak

11. 2. 2009 12:01 Nový

Flash na mobilu

celé vlákno

Jako správný antiflashista doplním, že s flashem asi budou velké problémy na mobilu. Populární Opera mini nezvládá flash vůbec a NetFront v mém mobilu zvládne něco jednoduššího (specifikace AFAIK říká Flash Lite 2.0). A to mám mobil řady Generation web.

Odpovědět

Další nový názor

Ondřej Tůma

11. 2. 2009 17:48 Nový

prosim o upřesnění - 1 soubor najednou

celé vlákno

'Klasický formulářový upload je totiž nedostatečný. Dokáže nahrát najednou jen 1 soubor a neposkytuje zpětnou vazbu o postupu nahrávání.'

Zpětná vazba je problém, už se těším na to, až budou obecné js objekty prohlížeče, které budu moci používat, ale nechápu co je myšleno tím jedním souborem. To myslíte jako paralelně nahrávat 2 soubory najednou (stejně jako se stahují paralelně obrázky z webu) ? Bo nahrávat více souborů na server přes jeden formulář není problém....

A otázka je, co získám, budu li nahrávat dotyčné soubory paralelně ...

Odpovědět

Další nový názor

aura:85

Martin Hassman

11. 2. 2009 18:32 Nový

Re: prosim o upřesnění - 1 soubor najednou

celé vlákno

Je myšleno omezení uživatelského rozhraní, které umožňuje pouze výběr jednotlivých souborů, každý zvlášť, jeden po druhém. Problematické je to např. u uploadu fotogalerií, kdy žádoucí chování (které dnes nabízí třeba zmíněný Flash a v budoucnu s HTML5 bude každý prohlížeč) je vybrat třeba všechny soubory v adresáři a nechat je nahrát.

V kolika vláknech se budou odesílat, to uživatele netrápí. V reálu to bude stále sériově za sebou. Problém je čistě v uživatelském rozhraní formulářů.

Odpovědět

Další nový názor

Ondřej Tůma

11. 2. 2009 18:44 Nový

Re: prosim o upřesnění - 1 soubor najednou

celé vlákno

Chápu, ze zprávičky to (alespoň mě) není jasné :) Tohle je ale o5 problém prohlížeče, příp. systému (grafického rozhraní) na kterém browser běží.

Dialog souboru ve Win vypadá jinak než v Lin (a i se malinko jinak chová). Vedle toho že neumí vybrat více souborů (tedy alespoň z hlediska uživatele to tak vypadá) narozdíl od Win, v Linuxu se mi velmi líbí že vidím náhled fotografie než ji vyberu. Ale chybí mě tam přehled souborů po sloupcích, takže se blbě hledá, jakou že fotku sem už nahrál, a jakou ještě ne :S

Odpovědět

Další nový názor

aura:85

Martin Hassman

11. 2. 2009 18:45 Nový

Re: prosim o upřesnění - 1 soubor najednou

celé vlákno

Ne, zmíněný problém se týká přímo standardu HTML, ze kterého toho chování vychází.

Odpovědět

Další nový názor

aura:72

v6ak

11. 2. 2009 19:58 Nový

Částečně

celé vlákno

Ano, ale jen částečně. V něčem jako <input type="multifile" ...> (cucám z prstu) v html5 to nebude problém implementovat. Ale vemte si, že máte javascriptem rozšiřovaná <input type="file" ...> a zkuste navrhnout implementaci výběru více souborů zároveň. Uvidíte, že to není žádná sranda. A pak to někdo implementuje trošku jinak, než čekáte, a nepojede to.

Odpovědět

Další nový názor

aura:85

Martin Hassman

11. 2. 2009 23:39 Nový

Re: Částečně

celé vlákno

Jen upřesním, ten zápis v HTML5 vypadá např. <input type="file" max="100">

Odpovědět

Další nový názor

karf (neregistrovaný) ---.netdatacomm.cz

12. 2. 2009 23:03 Nový

Záhadné nefunkčnosti

celé vlákno

K té poznámce redakce: většina těchto flash uploaderů musela nedávno řešit problém s přechodem na Flash 10, ve kterém dříve používaný postup přestal fungovat (Flash 10 zamezil z bezpečnostních důvodů možnost programově vyvolat file dialog). Nové verze uploaderů to řeší jinak (flash už nemůže být skrytý, musí se klikat do něj). Nejsou ony záhadné nefunkčnosti důsledkem právě těchto nekompatibilit s Flashem 10?

Odpovědět

Další nový názor

aura:85

Martin Hassman

13. 2. 2009 0:06 Nový

Re: Záhadné nefunkčnosti

celé vlákno

O tomhle problému vím, ale mám pocit, že to v případě uploadu bude komplikovanější. Když jsme řešili např. problém s Flash uploadem, který používají galerie nového WordPressu, tak se problém objevil i jen v jednom prohlížeči, ale v jiném prohlížeči na témže počítači se stejnou verzí Flashe, to fungovalo.