Nejprve bych chtěl uvést, že jde o sekundární enkapsulaci open source kontroly uploadu WebUploaderu a základní vrstva je stále implementována WebUploaderem, abych ji mohl stručněji použít.
Podívejme se na WebUploader
Úvod:
WebUploader je jednoduchá moderní komponenta pro nahrávání souborů založená na HTML5, vyvinutá týmem Baidu WebFE (FEX). V moderních prohlížečích může plně využít výhod HTML5, aniž by opustil hlavní prohlížeč IE, a využívá původní FLASH runtime kompatibilní s IE6+, iOS 6+ a Android 4+. Stejnou metodu volání mohou uživatelé použít kdykoli, pokud jsou k dispozici obě sady runtime.
Použití velkých souborových střepů a současného nahrávání výrazně zlepšuje efektivitu nahrávání souborů.
Oficiální webová adresa: http://fex.baidu.com/webuploader/
Pokud máte zájem hrát sami, můžete jít přímo na oficiální web
Začněme text:
Z výše uvedeného vidíme, že funkce WebUploader od Baidu je skutečně velmi výkonná, ale stejně jako všechny ovládací prvky nahrávání je její používání obtížnější, například následující funkce:
Nejdřív musíte odkazovat na několik souvisejících knihoven,
Pak napiš HTML do studny
Nechceme to všechno!, stačí dvě věty, nahrajte to. Následovně:
Napsal jsem, že bootstrap styl CSS bude automaticky odkazovat,
Podpora více nahrávání souborů,
Automaticky identifikujte duplicitní soubory,
Volitelný automatický a ruční nahrávání,
Můžete zobrazit více ovladačů nahrávání na stránce bez konfliktu
Pak si můžete některé konfigurační parametry související s WebUploaderem nastavit sami.
Pojďme rovnou k JS widgetu, který jsem zabalil (trochu chaotický, pojďme si to vystačit):
Některé související a důležitější parametry byly napsány s poznámkami, na které se můžete odvolávat sami.
Tak ho použijme.
Píšeme naše JS a HTML následovně:
To je v pořádku, stojí za zmínku
Pro parametry v powerWebUpload se prosím podívejte na API na oficiálních stránkách
Metoda GetFilesAddress() po nahrání vrátí pole cest k souborům a můžete si ji získat sami.
Nakonec poslední demo, které jsem napsal, implementované pomocí Asp.net MVC, si můžete stáhnout sami:
Baidu Netdisk:
Odkaz: http://pan.baidu.com/s/1o8B0xOQ Heslo: 9kws
Originál: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Zveřejněno 27.06.2016 15:13:30
|
|
|
|
Zveřejněno 04.05.2020 21:03:04