Először is szeretném hangsúlyozni, hogy ez a WebUploader nyílt forráskódú feltöltési vezérlő másodlagos lefoglalása, és az alatta lévő réteget továbbra is a WebUploader valósítja meg, csak hogy rövidebben használjam.
Nézzük meg a WebUploadert
Bevezetés:
A WebUploader egy egyszerű, HTML5-alapú, modern fájlfeltöltő komponens, amelyet a Baidu WebFE (FEX) csapata fejlesztett ki. A modern böngészőkben teljes mértékben kihasználhatja a HTML5 előnyeit, miközben nem hagyja el a mainstream IE böngészőt, az eredeti FLASH futásidőt használja, amely kompatibilis az IE6+, iOS 6+ és Android 4+ modellekkel. Ugyanazt a hívási módszert a felhasználók bármikor használhatják, amikor a két futási időkészlet elérhető.
A nagy fájltöredékek és az egyidejű feltöltés használata jelentősen javítja a fájlfeltöltés hatékonyságát.
Hivatalos weboldal címe: http://fex.baidu.com/webuploader/
Ha szeretnél egyedül játszani, közvetlenül a hivatalos weboldalra mehetsz
Kezdjük a szöveget:
A fentiekből láthatjuk, hogy a Baidu WebUploader funkciója valóban nagyon hatékony, de mint minden feltöltési vezérlőnél, ez is nehézkesebben használható, például a következők:
Először több kapcsolódó könyvtárra kell hivatkoznod,
Aztán írd meg jól a HTML-t
Nem akarjuk mindezt!, csak két mondatot, kapjuk meg a feltöltésünket. A következők:
Írtam, hogy a bootstrap stílusú css automatikusan hivatkozni fog a következőkre,
Több fájlfeltöltést támogat,
Automatikusan azonosítsuk a duplikált fájlokat,
Opcionális automatikus feltöltés és manuális feltöltés,
Egy oldalon több feltöltési vezérlőt is megjeleníthetsz konfliktus nélkül
Ezután néhány WebUploaderrel kapcsolatos konfigurációs paramétert magad is konfigurálhatod.
Menjünk egyenesen a JS widgethez, amit becsomagoltam (kicsit kama, intézzük meg):
Néhány kapcsolódó és fontosabb paramétert jegyzetekkel írtak, és ezeket magad is hivatkozhatsz rájuk.
Akkor használjuk őt.
Írjuk meg a JS-t és HTML-t a következőként:
Ez rendben van, érdemes megjegyezni
A powerWebUpload paramétereiért kérjük, tekintse meg a hivatalos weboldalon található API-t
A GetFilesAddress() metódus fájlok tömbjét ad vissza a feltöltés után, és ezt magad is beszerezheted.
Végül az utolsó demó, amit írtam, Asp.net MVC-vel valósítottam meg, magad is letöltheted:
Baidu Netdisk:
Link: http://pan.baidu.com/s/1o8B0xOQ Jelszó: 9 kws
Eredeti: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Közzétéve 2016. 06. 27. 15:13:30
|
|
|
|
Közzétéve 2020. 05. 04. 21:03:04