În primul rând, aș dori să menționez că aceasta este o încapsulare secundară a controlului open source de încărcare WebUploader, iar stratul de bază este încă implementat de WebUploader, doar pentru a fi folosit mai concis.
Să aruncăm o privire la WebUploader
Introducere:
WebUploader este un component modern simplu de încărcare a fișierelor bazat pe HTML5, dezvoltat de echipa Baidu WebFE (FEX). În browserele moderne, poate valorifica pe deplin avantajele HTML5, fără a renunța la browserul IE mainstream, folosind runtime-ul original FLASH, compatibil cu IE6+, iOS 6+ și Android 4+. Aceeași metodă de apel poate fi folosită de utilizatori oricând când cele două seturi de runtime sunt disponibile.
Utilizarea fragmentelor mari de fișiere și încărcarea simultană îmbunătățește semnificativ eficiența încărcării fișierelor.
Adresa site-ului oficial: http://fex.baidu.com/webuploader/
Dacă ești interesat să joci singur, poți accesa direct site-ul oficial
Să începem textul:
Din cele de mai sus, putem vedea că funcția WebUploader a Baidu este într-adevăr foarte puternică, dar, ca toate controalele de upload, este mai greoaie de folosit, cum ar fi următoarele:
Trebuie să consulți mai întâi o mulțime de biblioteci conexe,
Apoi scrie bine HTML-ul
Nu vrem toate astea!, doar două propoziții, să ne încărcăm încărcătul. Așa cum urmează:
Am scris că stilul bootstrap CSS va face referire automată,
Suportă încărcarea mai multor fișiere,
Identifică automat fișierele duplicate,
Încărcare automată opțională și încărcare manuală,
Poți randa mai multe controale de încărcare într-o pagină fără conflicte
Apoi, câțiva parametri de configurare legați de WebUploader pot fi configurați singur.
Să trecem direct la widget-ul JS pe care l-am ambalat (puțin dezordonat, hai să ne mulțumim):
Câțiva parametri înrudiți și mai importanți au fost scrise cu notițe, iar tu poți face referire la ei singur.
Atunci să-l folosim pe el.
Scrieți JS și HTML așa cum urmează:
E în regulă, merită menționat
Pentru parametrii din powerWebUpload, vă rugăm să consultați API-ul de pe site-ul oficial
Metoda GetFilesAddress() va returna un tablou de căi de fișiere după încărcare, iar tu le poți obține singur.
În final, ultima demo pe care am scris-o, implementată folosind Asp.net MVC, o poți descărca singur:
Baidu Netdisk:
Link: http://pan.baidu.com/s/1o8B0xOQ Parolă: 9kws
Original: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Postat pe 27.06.2016 15:13:30
|
|
|
|
Postat pe 04.05.2020 21:03:04