Først og fremmest vil jeg gerne påpege, at dette er en sekundær indkapsling af WebUploaders open source uploadkontrol, og det underliggende lag er stadig implementeret af WebUploader, bare for at bruge det mere præcist.
Lad os tage et kig på WebUploader
Indførelsen:
WebUploader er en simpel HTML5-baseret moderne filupload-komponent udviklet af Baidu WebFE (FEX)-teamet. I moderne browsere kan den udnytte fordelene ved HTML5 fuldt ud, uden at opgive den almindelige IE-browser, ved at bruge den originale FLASH-runtime, kompatibel med IE6+, iOS 6+ og Android 4+. Den samme kaldmetode kan bruges af brugere når som helst, når de to sæt runtimes er tilgængelige.
Brugen af store filfragmenter og samtidig upload forbedrer filuploadeffektiviteten betydeligt.
Officiel hjemmeside: http://fex.baidu.com/webuploader/
Hvis du er interesseret i at spille alene, kan du gå direkte til den officielle hjemmeside
Lad os starte teksten:
Ud fra ovenstående kan vi se, at Baidus WebUploader-funktion faktisk er meget kraftfuld, men som alle uploadkontroller er den mere besværlig at bruge, såsom følgende:
Du skal først referere til en masse relaterede biblioteker,
Skriv derefter HTML'en godt
Vi vil ikke have alle disse!, bare to sætninger, få vores upload. Som følger:
Jeg har skrevet, at bootstrap-stil CSS automatisk refererer til,
Understøttelse af flere filupload,
Automatisk identificere dubletter filer,
Valgfri automatisk upload og manuel upload,
Du kan gengive flere uploadkontroller på en side uden konflikt
Så kan nogle WebUploader-relaterede konfigurationsparametre konfigureres selv.
Lad os gå direkte til den JS-widget, jeg pakkede (lidt rodet, lad os klare os):
Nogle relaterede og vigtigere parametre er skrevet med noter, og du kan selv henvise til dem.
Så lad os bruge ham.
Skriv vores JS og HTML som følger:
Det er okay, det er værd at bemærke
For parametrene i powerWebUpload, henvis til API'en på den officielle hjemmeside
GetFilesAddress()-metoden vil returnere et array af filstier efter upload, og du kan selv hente den.
Endelig, den sidste demo jeg skrev, implementeret med Asp.net MVC, kan du downloade den selv:
Baidu Netdisk:
Link: http://pan.baidu.com/s/1o8B0xOQ Adgangskode: 9kws
Oprindeligt: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Opslået på 27/06/2016 15.13.30
|
|
|
|
Opslået på 04/05/2020 21.03.04