Najprej bi rad poudaril, da gre za sekundarno enkapsulacijo odprtokodnega nadzora nalaganja WebUploaderja, osnovna plast pa je še vedno implementirana v WebUploaderju, da jo uporabim bolj jedrnato.
Poglejmo si WebUploader
Uvod:
WebUploader je preprosta komponenta za nalaganje datotek, ki temelji na HTML5, ki jo je razvila ekipa Baidu WebFE (FEX). V sodobnih brskalnikih lahko v celoti izkoristi prednosti HTML5, ne da bi opustil glavni brskalnik IE, saj uporablja izvirni FLASH runtime, združljiv z IE6+, iOS 6+ in Android 4+. Enako metodo klica lahko uporabniki uporabljajo kadarkoli, ko sta na voljo oba sklopa izvajanja časov.
Uporaba velikih drobcev datotek in sočasno nalaganje močno izboljša učinkovitost nalaganja datotek.
Uradni naslov spletne strani: http://fex.baidu.com/webuploader/
Če vas zanima igranje sami, lahko obiščete neposredno uradno spletno stran
Začnimo z besedilom:
Iz zgornjega lahko vidimo, da je Baidujeva funkcija WebUploader res zelo zmogljiva, vendar je, kot vsi nadzorniki nalaganja, bolj okorna za uporabo, na primer naslednje:
Najprej moraš pregledati več sorodnih knjižnic,
Nato napiši HTML jaso
Ne želimo vsega tega!, samo dve povedi, prejmi naš upload. Kot sledi:
Napisal sem, da se bootstrap stil CSS samodejno sklicuje,
Podpora za nalaganje več datotek,
Samodejno prepoznavanje podvojenih datotek,
Opcijsko samodejno nalaganje in ročno nalaganje,
Na strani lahko brez konflikta upodablja več kontrol za nalaganje
Nato lahko nekatere konfiguracijske parametre povezane z WebUploaderjem nastavite sami.
Pojdimo neposredno na JS pripomoček, ki sem ga zapakiral (malo neurejen, naj se prilagodimo):
Nekateri povezani in pomembnejši parametri so zapisani z opombami, na katere se lahko sklicujete sami.
Potem ga uporabimo.
Napišite naš JS in HTML na naslednji način:
V redu je, vredno je omeniti
Za parametre v powerWebUpload si oglejte API na uradni spletni strani
Metoda GetFilesAddress() bo po nalaganju vrnila niz poti do datotek, ki jih lahko dobite sami.
Nazadnje, zadnji demo, ki sem ga napisal, implementiran z uporabo Asp.net MVC, si ga lahko prenesete sami:
Baidu Netdisk:
Povezava: http://pan.baidu.com/s/1o8B0xOQ Geslo: 9kws
Izvirnik: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Objavljeno na 27. 06. 2016 15:13:30
|
|
|
|
Objavljeno na 4. 05. 2020 21:03:04