Najprv by som rád uviedol, že ide o sekundárnu enkapsuláciu open source kontroly uploadu WebUploaderu a základná vrstva je stále implementovaná WebUploaderom, len aby som to použil stručnejšie.
Pozrime sa na WebUploader
Zavedenie:
WebUploader je jednoduchá moderná komponenta na nahrávanie súborov založená na HTML5, vyvinutá tímom Baidu WebFE (FEX). V moderných prehliadačoch môže plne využiť výhody HTML5, pričom neopúšťa hlavný IE prehliadač, pričom používa pôvodný FLASH runtime kompatibilný s IE6+, iOS 6+ a Android 4+. Rovnakú metódu volania môžu používatelia použiť kedykoľvek, keď sú k dispozícii obe sady runtimeov.
Použitie veľkých úlomkov súborov a súbežné nahrávanie výrazne zlepšuje efektivitu nahrávania súborov.
Oficiálna webová adresa: http://fex.baidu.com/webuploader/
Ak máte záujem hrať sami, môžete ísť priamo na oficiálnu webovú stránku
Začnime text:
Z vyššie uvedeného vidíme, že funkcia WebUploader od Baidu je naozaj veľmi výkonná, ale rovnako ako všetky ovládače nahrávania, je zložitejšia na používanie, napríklad nasledujúce:
Najskôr si musíš pozrieť množstvo súvisiacich knižníc,
Potom napíšte HTML do jamy
Nechceme to všetko!, len dve vety, nahrajte to. Nasledovne:
Napísal som, že bootstrap štýl CSS bude automaticky odkazovať,
Podpora viacerých nahrávaní súborov,
Automaticky identifikujte duplicitné súbory,
Voliteľné automatické nahrávanie a manuálne nahrávanie,
Môžete vykresliť viacero ovládačov nahrávania na stránke bez konfliktu
Potom si môžete niektoré konfiguračné parametre súvisiace s WebUploaderom nastaviť sami.
Poďme rovno k JS widgetu, ktorý som zabalil (trochu chaotický, poďme to zvládnuť):
Niektoré súvisiace a dôležitejšie parametre boli zapísané poznámkami a môžete sa na ne pozrieť sami.
Tak ho použime.
Napíšte naše JS a HTML nasledovne:
To je v poriadku, stojí za zmienku
Pre parametre v powerWebUpload sa prosím pozrite na API na oficiálnej webovej stránke
Metóda GetFilesAddress() po nahraní vráti pole ciest k súborom a môžete si ju získať sami.
Nakoniec, poslednú ukážku, ktorú som napísal, implementovanú pomocou Asp.net MVC, si ju môžete stiahnuť sami:
Baidu Netdisk:
Odkaz: http://pan.baidu.com/s/1o8B0xOQ Heslo: 9kws
Originál: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Zverejnené 27. 6. 2016 15:13:30
|
|
|
|
Zverejnené 4. 5. 2020 21:03:04