Przede wszystkim chciałbym zaznaczyć, że jest to wtórna enkapsulacja otwartej kontroli uploadu WebUploader, a warstwa bazowa jest nadal zaimplementowana przez WebUploader, aby użyć tego bardziej zwięźle.
Przyjrzyjmy się WebUploaderowi
Wprowadzenie:
WebUploader to prosty, nowoczesny komponent do przesyłania plików oparty na HTML5, opracowany przez zespół Baidu WebFE (FEX). W nowoczesnych przeglądarkach może w pełni wykorzystać zalety HTML5, nie rezygnując przy tym z głównego nurtu przeglądarki IE, korzystając z oryginalnego środowiska uruchomieniowego FLASH, kompatybilnego z IE6+, iOS 6+ i Androidem 4+. Ta sama metoda wywołań może być używana przez użytkowników w dowolnym momencie, gdy dostępne są oba zestawy czasów uruchomieniowych.
Użycie dużych fragmentów plików i jednoczesne przesyłanie plików znacznie poprawia efektywność przesyłania plików.
Oficjalny adres strony internetowej: http://fex.baidu.com/webuploader/
Jeśli chcesz grać samodzielnie, możesz wejść bezpośrednio na oficjalną stronę internetową
Zacznijmy tekst:
Z powyższego wynika, że funkcja WebUploader w Baidu jest rzeczywiście bardzo potężna, ale jak wszystkie kontrole przesyłania, jest bardziej uciążliwa w użyciu, na przykład następujące:
Najpierw musisz sięgnąć po wiele powiązanych bibliotek,
Następnie zapisz dół HTML
Nie chcemy tego wszystkiego!, tylko dwa zdania, przyjmij nasz upload. Jak poniżej:
Napisałem, że CSS w stylu bootstrap automatycznie się odwołuje,
Wspieraj przesyłanie wielu plików,
Automatycznie identyfikuj zduplikowane pliki,
Opcjonalne automatyczne i ręczne przesyłanie,
Możesz renderować wiele kontrolerów przesyłania na stronie bez konfliktu
Następnie niektóre parametry konfiguracyjne związane z WebUploader można samodzielnie skonfigurować.
Przejdźmy od razu do widgetu JS, który zapakowałem (trochę chaotyczny, dajmy radę):
Niektóre powiązane i ważniejsze parametry zostały zapisane w notatkach, do których możesz się samodzielnie odwołać.
To go wykorzystajmy.
Napisz nasze JS i HTML w następujący sposób:
To w porządku, warto to zauważyć
Aby poznać parametry w powerWebUpload, prosimy odejrzeć do API na oficjalnej stronie internetowej
Metoda GetFilesAddress() zwróci tablicę ścieżek plików po przesłaniu i możesz ją pobrać samodzielnie.
Na koniec, ostatnie demo, które napisałem, zaimplementowane przy użyciu Asp.net MVC, możesz pobrać samodzielnie:
Baidu Netdisk:
Link: http://pan.baidu.com/s/1o8B0xOQ Hasło: 9kws
Oryginał: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Opublikowano 27.06.2016 15:13:30
|
|
|
|
Opublikowano 04.05.2020 21:03:04