Først vil jeg påpeke at dette er en sekundær innkapsling av WebUploader åpen kildekode-opplastingskontroll, og det underliggende laget er fortsatt implementert av WebUploader, bare for å bruke det mer presis.
La oss ta en titt på WebUploader
Introduksjon:
WebUploader er en enkel HTML5-basert moderne filopplastingskomponent utviklet av Baidu WebFE (FEX)-teamet. I moderne nettlesere kan det gi full utnyttelse av fordelene med HTML5, uten å forlate den vanlige IE-nettleseren, ved å bruke den originale FLASH-kjøretiden, kompatibel med IE6+, iOS 6+ og Android 4+. Den samme kallmetoden kan brukes av brukere når som helst når de to settene med kjøretider er tilgjengelige.
Bruken av store filfragmenter og samtidig opplasting forbedrer opplastingseffektiviteten betydelig.
Offisiell nettsideadresse: http://fex.baidu.com/webuploader/
Hvis du er interessert i å spille alene, kan du gå direkte til den offisielle nettsiden
La oss starte teksten:
Ut fra det ovennevnte kan vi se at Baidus WebUploader-funksjon faktisk er svært kraftig, men som alle opplastingskontroller er den mer tungvint å bruke, som følgende:
Du må først referere til en rekke relaterte biblioteker,
Deretter skriver du HTML-en godt
Vi vil ikke ha alle disse!, bare to setninger, få vår opplasting. Som følger:
Jeg har skrevet at bootstrap-stil CSS automatisk vil referere,
Støtte flere filopplastinger,
Identifiser automatisk duplikatfiler,
Valgfri automatisk oplasting og manuell opplasting,
Du kan gjengi flere opplastingskontroller på en side uten konflikt
Deretter kan noen WebUploader-relaterte konfigurasjonsparametere konfigureres selv.
La oss gå direkte til JS-widgeten jeg pakket (litt rotete, la oss klare oss):
Noen relaterte og viktigere parametere er skrevet med notater, og du kan referere til dem selv.
Da bruker vi ham.
Skriv vår JS og HTML som følger:
Det er greit, det er verdt å merke seg
For parameterne i powerWebUpload, vennligst se API-et på den offisielle nettsiden
GetFilesAddress()-metoden vil returnere et array av filstier etter opplasting, og du kan hente det selv.
Til slutt, den siste demoen jeg skrev, implementert med Asp.net MVC, kan du laste den ned selv:
Baidu Netdisk:
Lenke: http://pan.baidu.com/s/1o8B0xOQ Passord: 9kws
Original: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Publisert på 27.06.2016 15:13:30
|
|
|
|
Publisert på 04.05.2020 21:03:04