Прежде всего, хочу отметить, что это вторичная инкапсуляция управления открытым исходным кодом 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