Bootstrap File Input

Замість вибору і завантаження одного файлу в той час, або за допомогою декількох полів закачувати в тій же формі, що розробники можуть розгорнути Bootstrap Input File, щоб надавати своїм користувачам красивий файл збирання інтерфейс, в комплекті з попереднього перегляду файлів, підтримка для вибору декількох файлів, а також різні кнопки дій.

Bootstrap Вхідний файл має в основному чотири основні елементи. Кнопка вибору файлу, кнопка завантаження, кнопка Видалити вибір, і секція попереднього перегляду.

Кожен з них можна відключити або налаштувати за допомогою CSS, що дозволяє розробникам створювати власні збирачів файлів, як вони вважають за потрібне використовувати в їх застосуванні.

Bootstrap Вхідний файл також підтримує інвалідів стану, дуже легкий, коли справа доходить до розміру диска, і обробляє тільки на стороні клієнта, операції щодо процесу завантаження. Це означає, що вона повинна бути інтегрована на стороні сервера, щоб фактично зберегти і зберегти завантажені файли. Гарна новина полягає в тому, що, оскільки він написаний на JavaScript і HTML 5 це може бути зроблено, щоб працювати практично з будь-яким видом мови програмування на стороні сервера.

Демонстраційний входить в комплект вхідний файл завантаження пакета Bootstrap

Що нового в цьому випуску :.

• Поліпшення:

підтримка
• для користувача теги для layoutTemplates і previewTemplates (нові властивості customLayoutTags і customPreviewTags включені).
• Новий filebatchselected подія запускається після кожної партії файлів обрані.
• Новий метод швидше replaceAll замість регулярного виразу синтаксичного аналізу для заміни тегів в шаблонах.
• Поліпшення обробник помилок для захоплення винятків безпеки FileReader і нову властивість msgFileSecured буде відображати повідомлення про виключення безпеки.
• Код очищення і реструктурувати змін линт JS (з використанням бібліотеки очищення JSHint коду).
• Дозволити відображення довгих імен файлів без перерв простору / слів.
• Виправлена ​​помилка скидання стека файлів для різних режимів завантаження (по одному, пакетний режим в асинхронному режимі і пакетної синхронізації).
• прогрес завантаження удосконалень штрих-моделювання.

Що нового у версії 4.2.8:

• Поліпшення:

підтримка
• для користувача теги для layoutTemplates і previewTemplates (нові властивості customLayoutTags і customPreviewTags включені).
• Новий filebatchselected подія запускається після кожної партії файлів обрані.
• Новий метод швидше replaceAll замість регулярного виразу синтаксичного аналізу для заміни тегів в шаблонах.
• Поліпшення обробник помилок для захоплення винятків безпеки FileReader і нову властивість msgFileSecured буде відображати повідомлення про виключення безпеки.
• Код очищення і реструктурувати змін линт JS (з використанням бібліотеки очищення JSHint коду).
• Дозволити відображення довгих імен файлів без перерв простору / слів.
• Виправлена ​​помилка скидання стека файлів для різних режимів завантаження (по одному, пакетний режим в асинхронному режимі і пакетної синхронізації).
• прогрес завантаження удосконалень штрих-моделювання.

Що нового у версії 4.2.2:

• Поліпшення:

підтримка
• для користувача теги для layoutTemplates і previewTemplates (нові властивості customLayoutTags і customPreviewTags включені).
• Новий filebatchselected подія запускається після кожної партії файлів обрані.
• Новий метод швидше replaceAll замість регулярного виразу синтаксичного аналізу для заміни тегів в шаблонах.
• Поліпшення обробник помилок для захоплення винятків безпеки FileReader і нову властивість msgFileSecured буде відображати повідомлення про виключення безпеки.
• Код очищення і реструктурувати змін линт JS (з використанням бібліотеки очищення JSHint коду).
• Дозволити відображення довгих імен файлів без перерв простору / слів.
• Виправлена ​​помилка скидання стека файлів для різних режимів завантаження (по одному, пакетний режим в асинхронному режимі і пакетної синхронізації).
• прогрес завантаження удосконалень штрих-моделювання.

Що нового у версії 4.2.1:

• Поліпшення:

підтримка
• для користувача теги для layoutTemplates і previewTemplates (нові властивості customLayoutTags і customPreviewTags включені).
• Новий filebatchselected подія запускається після кожної партії файлів обрані.
• Новий метод швидше replaceAll замість регулярного виразу синтаксичного аналізу для заміни тегів в шаблонах.
• Поліпшення обробник помилок для захоплення винятків безпеки FileReader і нову властивість msgFileSecured буде відображати повідомлення про виключення безпеки.
• Код очищення і реструктурувати змін линт JS (з використанням бібліотеки очищення JSHint коду).
• Дозволити відображення довгих імен файлів без перерв простору / слів.
• Виправлена ​​помилка скидання стека файлів для різних режимів завантаження (по одному, пакетний режим в асинхронному режимі і пакетної синхронізації).
• прогрес завантаження удосконалень штрих-моделювання.

Що нового у версії 4.2.0:

• Поліпшення:

підтримка
• для користувача теги для layoutTemplates і previewTemplates (нові властивості customLayoutTags і customPreviewTags включені).
• Новий filebatchselected подія запускається після кожної партії файлів обрані.
• Новий метод швидше replaceAll замість регулярного виразу синтаксичного аналізу для заміни тегів в шаблонах.
• Поліпшення обробник помилок для захоплення винятків безпеки FileReader і нову властивість msgFileSecured буде відображати повідомлення про виключення безпеки.
• Код очищення і реструктурувати змін линт JS (з використанням бібліотеки очищення JSHint коду).
• Дозволити відображення довгих імен файлів без перерв простору / слів.
• Виправлена ​​помилка скидання стека файлів для різних режимів завантаження (по одному, пакетний режим в асинхронному режимі і пакетної синхронізації).
• прогрес завантаження удосконалень штрих-моделювання.

Що нового у версії 4.1.8:

• Поліпшення:

підтримка
• для користувача теги для layoutTemplates і previewTemplates (нові властивості customLayoutTags і customPreviewTags включені).
• Новий filebatchselected подія запускається після кожної партії файлів обрані.
• Новий метод швидше replaceAll замість регулярного виразу синтаксичного аналізу для заміни тегів в шаблонах.
• Поліпшення обробник помилок для захоплення винятків безпеки FileReader і нову властивість msgFileSecured буде відображати повідомлення про виключення безпеки.
• Код очищення і реструктурувати змін линт JS (з використанням бібліотеки очищення JSHint коду).
• Дозволити відображення довгих імен файлів без перерв простору / слів.
• Виправлена ​​помилка скидання стека файлів для різних режимів завантаження (по одному, пакетний режим в асинхронному режимі і пакетної синхронізації).
• прогрес завантаження удосконалень штрих-моделювання.

Що нового у версії 4.1.7:

• Поліпшення:

підтримка
• для користувача теги для layoutTemplates і previewTemplates (нові властивості customLayoutTags і customPreviewTags включені).
• Новий filebatchselected подія запускається після кожної партії файлів обрані.
• Новий метод швидше replaceAll замість регулярного виразу синтаксичного аналізу для заміни тегів в шаблонах.
• Поліпшення обробник помилок для захоплення винятків безпеки FileReader і нову властивість msgFileSecured буде відображати повідомлення про виключення безпеки.
• Код очищення і реструктурувати змін линт JS (з використанням бібліотеки очищення JSHint коду).
• Дозволити відображення довгих імен файлів без перерв простору / слів.
• Виправлена ​​помилка скидання стека файлів для різних режимів завантаження (по одному, пакетний режим в асинхронному режимі і пакетної синхронізації).
• прогрес завантаження удосконалень штрих-моделювання.

Що нового у версії 4.0.0:

• Додати функціональність для AJAX на основі вивантажити з використанням HTML5 FormData ( більшість сучасних браузерів підтримують). Деградує до нормальної форми на основі подання файлу, якщо це не підтримується.
• Для використання AJAX Upload, властивість uploadUrl є обов'язковим і повинен бути встановлений.
• Підвищення плагін тепер дозволяє файли, які будуть додані, додаються, видаляються (на основі зворотного зв'язку від багатьох). Таким чином, можна додавати файли у вікні попереднього перегляду.
• Новий DRAG & DROP зона доступна в режимі попереднього перегляду, щоб перетягнути файли і додати.
• Видалити або завантажувати файли по одному або в пакетному режимі.
• Якщо showPreview встановлений в брехню, або uploadUrl не підтримує плагін буде деградувати до нормальної форми завантаження на основі.
• Конфігуровані індикатори для файлу очікують завантаження, файл успішно завантажений, файли помилковий в завантаженні.
• Можливість додавання додаткових даних форми з завантаження на основі Ajax.
• Завантажити прогрес бар і індивідуальна завантаження мініатюр індикатори.
• Можливість скасування та перервати поточне завантаження AJAX.
• Шаблони були перероблені і розширення для кожного типу файлів.

Що нового у версії 3.0.0:

• Покращена кнопка завантаження для вмикати / вимикати при використанні & # x3c, A & # x3e; тег.
• Оновити попередній перегляд, щоб показати помилки правильно після кожного файлу перевіряється.
• Додана можливість перевизначити метод коркового з властивістю slugCallback.

Що нового у версії 2.7.0 :.

• Встановити реліз стабільною в composer.json

Що нового у версії 2.6.0:

• Enhance плагін для настройки `elErrorContainer` для відображення помилки перевірки.
• Templatize errorContainer для відображення у вікні попереднього перегляду.
• Правильніша виправлення для IE (версія & # x3c; 11). Неможливість очистити значення FileInput

Що нового у версії 2.4.0:

• Плагін був повністю перероблений для створення попереднього перегляду інтелекту на основі різні типи файлів попереднього перегляду. Вбудованого типу підтримки файлів класифікуються як зображення, текст, HTML, відео, аудіо, спалах, об'єкт, і інші.
• allowedPreviewTypes: Тепер Ви можете налаштувати, які всі типи файлів можуть бути показані у вигляді попереднього перегляду. Значення за замовчуванням [ "образ", "HTML", "Текст", "відео", "аудіо", "флеш", "об'єкта ']. Таким чином, всі типи файлів розглядаються як об'єкт для попереднього перегляду за замовчуванням. Для exampleTo тільки попередній перегляд зображення та відео, ви можете встановити це [ "образ", "відео"].
• allowedPreviewMimeTypes: На додаток до allowedPreviewTypes, ви також можете контролювати, які всі типи MIME можуть відображатися для попереднього перегляду. Значення за замовчуванням NULL, що означає всі типи пантоміми підтримуються.
• layoutTemplates: Дозволяє налаштувати всі параметри шаблону макета в межах одного властивості. Об'єкти макета, які можуть бути налаштовані: main1, main2, попередній перегляд, заголовок і модальний
.
• previewTemplates: Всі шаблони попереднього перегляду для кожного типу попереднього перегляду, були об'єднані в одну властивість, а не окремі шаблони для зображень, тексту і т.д. Клавіші формати, задані в allowedPreviewTypes і значень шаблони, які використовуються для попереднього перегляду. Є шаблони за замовчуванням для кожного установки довічних типу попереднього перегляду файлу (загальний, зображення, текст, HTML, відео, аудіо, флеш, об'єкт, і інші). Родовий шаблон використовується тільки для відображення контенту initialPreview з використанням прямої розмітки.

Що нового у версії 2.2.0 :.

• Оновлення readAsBinaryString для readAsArrayBuffer

Що нового у версії 2.0.0:

• Новий плагін подій доданий: fileerror, fileloaded, filecleared .
• Нові методи плагін додав: відключити, включити
• Розширені налаштовуються шаблони для попереднього перегляду зображення, текст і інші файли (і загальний шаблон).
• Зробити текст заголовка налаштовується за допомогою нового параметра msgSelected.
• Правильне обчислення вибраних файлів при initPreview помилково.
• Автоматичне масштаб зображення для попереднього перегляду, коли зображення занадто широко, щоб поміститися в контейнері.

Що нового у версії 1.8.0:

• Enhanced шаблон заголовок і стиль для заголовків, щоб запобігти переповнення довгих імен файлів з контейнера заголовка.

Що нового у версії 1.7.0:

• Плагін тепер пропонує додатковий overwriteInitial варіант <. / li>

Що нового у версії 1.6.0:

• Плагін тепер пропонує додатковий метод оновлення. Це дозволяє динамічно змінювати атрибути елемента або опції плагіна під час виконання і оновлення віджета.

Вимоги

• включений JavaScript на стороні клієнта
• JQuery 1.9 або вище
• Bootstrap 3 або вище