Перш за все, хочу зазначити, що це вторинна інкапсуляція відкритого контролю завантаження WebUploader, і базовий рівень все ще реалізований WebUploader, щоб використовувати його більш лаконічно.
Давайте розглянемо WebUploader
Введення:
WebUploader — це простий сучасний компонент завантаження файлів на базі HTML5, розроблений командою Baidu WebFE (FEX). У сучасних браузерах він може повністю розкрити переваги HTML5, не відмовляючись від основного IE браузера, використовуючи оригінальний FLASH-процесор, сумісний з 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
|
|
|
|
Опубліковано 04.05.2020 21:03:04