Първо бих искал да заявя, че това е вторична капсулация на контрола за качване с отворен код на WebUploader, а основният слой все още е реализиран от WebUploader, за да се използва по-кратко.
Нека разгледаме WebUploader
Въвеждането:
WebUploader е прост HTML5-базиран съвременен компонент за качване на файлове, разработен от екипа на Baidu WebFE (FEX). В съвременните браузъри може да използва напълно предимствата на HTML5, без да изоставя основния IE браузър, използвайки оригиналния FLASH runtime, съвместим с IE6+, iOS 6+ и Android 4+. Същият метод на извикване може да се използва от потребителите по всяко време, когато са налични двата набора от времена на изпълнение.
Използването на големи файлови фрагменти и едновременното качване значително подобрява ефективността на качването на файлове.
Официален адрес на уебсайта: http://fex.baidu.com/webuploader/
Ако се интересувате да играете сами, можете директно да посетите официалния уебсайт
Нека започнем текста:
От горното виждаме, че функцията WebUploader на Baidu наистина е много мощна, но както всички контроли за качване, е по-удобна за използване, като например следните:
Първо трябва да се справиш с множество свързани библиотеки,
След това напиши добре HTML
Не искаме всичко това!, само две изречения, качете се. Както следва:
Написах, че CSS в стил bootstrap автоматично ще препраща,
Поддържа качване на множество файлове,
Автоматично идентифициране на дублирани файлове,
Опционално автоматично и ръчно качване,
Можеш да рендерираш няколко контрола за качване на страница без конфликт
След това някои конфигурационни параметри, свързани с WebUploader, можете сами да се конфигурирате.
Нека преминем директно към JS уиджата, която опаковах (малко хаотично, нека се оправим):
Някои свързани и по-важни параметри са написани с бележки и можете сами да се позовавате на тях.
Тогава нека го използваме.
Напиши нашия JS и HTML по следния начин:
Няма проблем, струва си да се отбележи
За параметрите в powerWebUpload, моля, вижте API на официалния уебсайт
Методът GetFilesAddress() ще върне масив от пътища към файлове след качването, и можете да го получите сами.
Накрая, последното демо, което написах, реализирано с Asp.net MVC, можете да го изтеглите сами:
Baidu Netdisk:
Линк: http://pan.baidu.com/s/1o8B0xOQ Парола: 9kws
Оригинал: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Публикувано в 27.06.2016 г. 15:13:30 ч.
|
|
|
|
Публикувано в 4.05.2020 г. 21:03:04 ч.