Ensinnäkin haluan todeta, että tämä on WebUploaderin avoimen lähdekoodin latauskontrollin toissijainen kapselointi, ja taustalla oleva kerros on edelleen WebUploaderin toteuttama, vain tiiviimmin käyttääkseni sitä.
Katsotaanpa WebUploaderia
Johdanto:
WebUploader on yksinkertainen HTML5-pohjainen moderni tiedostojen latauskomponentti, jonka on kehittänyt Baidu WebFE (FEX) -tiimi. Nykyaikaisissa selaimissa se voi hyödyntää HTML5:n etuja täysimääräisesti, kuitenkaan hylkäämättä valtavirran IE-selainta, käyttäen alkuperäistä FLASH-ajonaikaa, joka on yhteensopiva IE6+:n, iOS 6+:n ja Android 4+:n kanssa. Sama kutsumenetelmä voidaan käyttää käyttäjien toimesta milloin tahansa, kun nämä kaksi ajonaikasarjaa ovat käytettävissä.
Suurten tiedostosirpaleiden ja samanaikaisen latauksen käyttö parantaa tiedostojen lataustehokkuutta huomattavasti.
Virallinen verkkosivuston osoite: http://fex.baidu.com/webuploader/
Jos olet kiinnostunut pelaamaan yksin, voit mennä suoraan virallisille verkkosivuille
Aloitetaan teksti:
Yllä olevasta näemme, että Baidun WebUploader-toiminto on todella tehokas, mutta kuten kaikkien latauskontrollien kohdalla, sen käyttö on hankalampi, kuten seuraavat:
Sinun täytyy ensin viitata moniin aiheeseen liittyviin kirjastoihin,
Sitten kirjoita HTML hyvin
Emme halua kaikkia näitä!, vain kaksi lausetta, lataa meidän viestimme. Seuraavasti:
Olen kirjoittanut, että bootstrap-tyylinen css viittaa automaattisesti
Tue useiden tiedostojen latausta,
Tunnista automaattisesti duplikaattitiedostot,
Valinnainen automaattinen lataus ja manuaalinen lataus,
Voit renderöidä useita latausasetuksia yhdellä sivulla ilman ristiriitoja
Sitten voit itse määrittää joitakin WebUploaderiin liittyviä konfiguraatioparametreja.
Mennään suoraan siihen JS-widgettiin, jonka pakkasin (vähän sotkuinen, pärjätetään):
Joitakin siihen liittyviä ja tärkeämpiä parametreja on kirjoitettu muistiinpanoilla, ja voit itse viitata niihin itse.
Sitten käytetään häntä.
Kirjoita JS- ja HTML-koodimme seuraavasti:
Se on ihan ok, se on hyvä mainita
PowerWebUploadin parametrit löytyvät virallisen verkkosivuston API:sta
GetFilesAddress()-metodi palauttaa tiedostopolkujen taulukon lataamisen jälkeen, ja voit hakea sen itse.
Lopuksi, viimeisin demo, jonka kirjoitin, toteutettuna Asp.net MVC:llä, voit ladata sen itse:
Baidu Netdisk:
Linkki: http://pan.baidu.com/s/1o8B0xOQ Salasana: 9kws
Alkuperäinen: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Julkaistu 27.6.2016 15.13.30
|
|
|
|
Julkaistu 4.5.2020 21.03.04