Esiteks tahaksin öelda, et see on WebUploaderi avatud lähtekoodiga üleslaadimiskontrolli sekundaarne kapseldus ning aluskiht on endiselt WebUploaderi poolt teostatud, lihtsalt lühemalt kasutamiseks.
Vaatame WebUploaderit
Sissejuhatus:
WebUploader on lihtne HTML5-põhine kaasaegne failide üleslaadimise komponent, mille on välja töötanud Baidu WebFE (FEX) meeskond. Kaasaegsetes brauserites saab see täielikult kasutada HTML5 eeliseid, jätmata kõrvale peavoolu IE brauserit, kasutades originaalset FLASH runtime'i, mis on ühilduv IE6+, iOS 6+ ja Android 4+-ga. Sama kutsumismeetodit saavad kasutajad kasutada igal ajal, kui kaks käitusaegade komplekti on saadaval.
Suurte failikildude ja samaaegse üleslaadimise kasutamine parandab oluliselt failide üleslaadimise efektiivsust.
Ametlik veebilehe aadress: http://fex.baidu.com/webuploader/
Kui soovid ise mängida, võid minna otse ametlikule veebilehele
Alustame tekstiga:
Eeltoodust näeme, et Baidu WebUploaderi funktsioon on tõepoolest väga võimas, kuid nagu kõik üleslaadimise kontrollid, on selle kasutamine tülikam, näiteks järgmised:
Esmalt pead viitama mitmele seotud raamatukogule,
Siis kirjuta HTML hästi
Me ei taha kõiki neid!, vaid kaks lauset, laadige üles. Järgmine:
Olen kirjutanud, et bootstrap-stiilis css viitab automaatselt,
Toeta mitme faili üleslaadimist,
Tuvasta automaatselt duplikaatfailid,
Valikuline automaatne üleslaadimine ja käsitsi üleslaadimine,
Sa saad lehel renderdada mitu üleslaadimiskontrolli ilma konfliktita
Seejärel saad ise seadistada mõned WebUploaderiga seotud seadistusparameetrid.
Lähme otse JS-vidina juurde, mille ma pakkisin (veidi segane, teeme sellega hakkama):
Mõned seotud ja olulisemad parameetrid on kirjutatud märkmetega ning sa võid neile ise viidata.
Siis kasutame teda.
Kirjutage meie JS ja HTML järgmiselt:
See on okei, tasub mainida
PowerWebUploadi parameetrite kohta vaadake palun ametlikul veebisaidil olevat API-d
GetFilesAddress() meetod tagastab pärast üleslaadimist hulga failiteede massiivi ja saad selle ise kätte.
Lõpuks, viimane demo, mille kirjutasin, Asp.net MVC-ga implementeeritud, saad selle ise alla laadida:
Baidu Netdisk:
Link: http://pan.baidu.com/s/1o8B0xOQ Parool: 9kws
Originaal: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Postitatud 27.06.2016 15:13:30
|
|
|
|
Postitatud 04.05.2020 21:03:04