Поле завантаження файлу
Збирайте документи, зображення та файли з упевненістю. Від резюме до фотографій із завантаженням перетягуванням, обмеженнями типу файлів, обмеженнями розміру та миттєвим попереднім переглядом – поле «Завантаження файлів» забезпечує безпечний збір файлів із сучасним інтерфейсом користувача та комплексною перевіркою.
Професійний збір файлів з інтелектуальною перевіркою
Ідеально підходить для:
Потужні функції для будь-якого випадку використання
📤 Завантаження кількох файлів
Один або кілька файлів:
Дозволити користувачам завантажувати лише один файл або дозволити завантаження кількох файлів. Користувачі можуть вибрати кілька файлів одночасно або додавати файли по одному.
- Розумне керування файлами:
- Додавайте файли поступово
- Видаліть окремі файли перед надсиланням
- Переглянути всі вибрані файли з іменами та розмірами
- Чітке відображення кількості завантажень
Контроль файлів Мін/Макс:
Якщо ввімкнено кілька завантажень, встановіть мінімальну та максимальну кількість файлів. Вимагайте щонайменше 2 файли, обмежтеся 10 файлами або будь-який діапазон, який відповідає вашим потребам.
Приклади:
- Подання резюме: лише 1 файл
- Фотогалерея: Мін. 3, Макс. 10 зображень
- Пакет документів: мінімум 2, максимум 5 файлів
- Портфоліо: Мін. 1, Макс. 20 файлів
🎯 Обмеження типів файлів
7 попередньо налаштованих категорій:
зображень – jpg, png, gif та всі формати зображень
Ідеально підходить для фотографій, логотипів, скріншотів та візуального контенту.
документи – pdf, doc, docx, txt, odt
Ідеально підходить для резюме, звітів, контрактів та текстових документів.
електронні таблиці – xls, xlsx, csv, ods
Для файлів даних, бюджетів, звітів та розрахунків.
Презентації – ppt, pptx, odp
Презентації слайдів, пітч-презентації та візуальні звіти.
архів – zip, rar, 7z, tar, gz
Стиснуті файли, пакети файлів та резервні копії.
аудіо – mp3, wav та всі аудіоформати
Музичні файли, голосові записи та аудіокліпи.
Відео – mp4, mov та всі відеоформати
Відеофайли, записи та мультимедійний контент.
Змішати та поєднати:
Виберіть кілька категорій, щоб приймати файли різних типів. Увімкніть опцію «Зображення + Документи», щоб приймати як фотографії, так і PDF-файли.
📝 Розширення файлів на замовлення
Вкажіть точні типи файлів:
Окрім 7 категорій, визначте конкретні розширення файлів, які ви хочете приймати. Введіть власні розширення, розділені комами.
Приклади:
- `.jpg, .png, .pdf` – лише фотографії та PDF-файли
- `.docx, .pdf, .txt` – Певні формати документів
- `.ai, .psd, .sketch` – Файли дизайну
- `.dwg, .dxf` – файли САПР
- `.sql, .db` – Файли бази даних
Ідеальний контроль:
Поєднуйте прапорці категорій з власними розширеннями для точного контролю типів файлів. Приймайте категорію «Зображення» плюс `.svg` для повної підтримки зображень.
🖼️ Попередній перегляд файлів
Візуальний зворотний зв'язок щодо файлу:
Увімкніть опцію «Показувати попередній перегляд файлів», щоб відображати мініатюри зображень та значки файлів інших типів. Користувачі бачать саме те, що вони вибрали, перш ніж надсилати.
Функції попереднього перегляду:
- Мініатюри зображень для фотографій
- Піктограми типів файлів для документів
- Відображення імені та розміру файлу
- Кнопка «Видалити» для кожного файлу
Візуальне підтвердження завантаження
Кращий досвід користувача:
Попередній перегляд підтверджує успішний вибір файлів, зменшує кількість помилок і гарантує, що додано правильні файли.
🎨 Текст налаштувань кнопки
Персоналізація процесу завантаження:
Змініть текст кнопки завантаження з «Вибрати файл» на будь-який, що відповідає контексту вашої форми.
Приклади:
- «Завантажити резюме»
- «Виберіть фотографії»
- «Додати документи»
- "Додати файли"
- «Перегляд файлів»
- «Виберіть зображення»
Контекстна мова:
Зіставте текст кнопки з тим, що завантажують користувачі, для чіткіших інструкцій та кращого користувацького досвіду.
🔐 Вбудована безпека
Автоматична перевірка файлів:
Усі завантажені файли перевіряються на тип та розмір перед обробкою. Шкідливі файли автоматично відхиляються.
Рівні безпеки:
- Перевірка типу файлу (розширення та MIME-тип)
- Застосовуються обмеження розміру файлів
- Повторна перевірка на стороні сервера
- Стандарти безпеки WordPress
- Очищені імена файлів
Безпечна обробка файлів:
Файли безпечно зберігаються за допомогою каталогів завантаження WordPress з належними дозволами та заходами безпеки.
🔀 Умовна логіка
Поля динамічного завантаження:
Показувати або приховувати поля завантаження файлів на основі інших значень форми. Показувати параметри завантаження лише тоді, коли вони релевантні вибору користувача.
Правила розширеної логіки:
- Логіка «І» – усі умови мають бути виконані
- Логіка АБО – будь-яка умова може викликати дію
- 8 операторів – Дорівнює, Не дорівнює, Більше ніж, Менше ніж, Містить, Пусто та інші
🎯 Покращений користувацький досвід
Вбудовані інтелектуальні функції:
- Список вибраних файлів – Переглянути всі вибрані файли з іменами та розмірами
- Видалення окремих файлів – Видалити файли перед надсиланням
- Процес завантаження – Візуальний зворотний зв’язок під час завантаження (з автоматичним завантаженням)
- Очистити повідомлення про помилки – Конкретні помилки перевірки з інструкціями
- Відображення кількості файлів – Показує кількість вибраних файлів
- Обов'язкова перевірка – Зробіть завантаження файлів обов’язковим
- Довідка Текстова підтримка – Додати описи вимог до файлів
- Користувацькі CSS-класи – Застосування власного стилю
- Підтримка доступності – Сумісність з навігацією з клавіатури та програмою для читання з екрана
- Оптимізовано для мобільних пристроїв – Вбудовані засоби вибору файлів на мобільних пристроях
📏 Обмеження розміру файлу
Розміри завантаження для контролю:
Встановіть максимальний розмір файлу в мегабайтах (МБ). Запобігайте завантаженню надмірного розміру, яке може уповільнити надсилання або перевищити обмеження сервера.
Гнучкі ліміти:
- Невеликі файли: 1-2 МБ для документів
- Стандартно: 5 МБ для загальних завантажень
- Зображення: 10 МБ для фотографій
- Великі файли: 50 МБ+ для відео або архівів
Перевірка для кожного файлу:
Обмеження розміру застосовується до кожного окремого файлу, а не до загального розміру завантаження. Користувачі можуть завантажити 5 файлів по 5 МБ кожен, якщо встановити обмеження в 5 МБ.
Очистити відгук:
Користувачі бачать помилки розміру файлу безпосередньо перед надсиланням із певними повідомленнями, такими як «Розмір файлу перевищує 5 МБ».
⚡ Автоматичне завантаження при виборі
Варіант миттєвого завантаження:
Увімкніть опцію «Автоматичне завантаження при виборі», щоб розпочати завантаження файлів одразу після вибору, а не чекати на надсилання форми.
Переваги:
- Швидша сприйнята продуктивність
- Завантажуйте великі файли, поки користувачі заповнюють інші поля
- Миттєве підтвердження завантаження
- Зворотній зв'язок під час завантаження
Використовуйте випадки:
- Надсилання великих файлів (відео, архіви)
- Багатоетапні форми, де файли завантажуються раніше
- Форми з багатьма полями для заповнення
- Кращий UX для повільних з'єднань
🎨 Завантаження перетягуванням
Сучасний вибір файлів:
Увімкніть функцію перетягування, щоб користувачі могли перетягувати файли безпосередньо з робочого столу або файлового браузера в область завантаження. Перегляд не потрібен.
Подвійні методи завантаження:
- Традиційна кнопка «Вибрати файл»
- Перетягуйте файли безпосередньо в зону завантаження
- Обидва методи працюють одночасно
Візуальний зворотній зв'язок:
Область завантаження підсвічується під час перетягування файлів, забезпечуючи чітке візуальне позначення зони перетягування.
Мобільна сумісність:
Працює на комп’ютері з повним перетягуванням. На мобільних пристроях повертається до стандартного вибору файлів.
Просте налаштування за 3 кроки
Підготуйте поле для завантаження файлу за лічені хвилини
Додати поле для завантаження файлу
Перетягніть поле «Завантаження файлу» з розділу «Основні поля» у свою форму.
Встановити обмеження на файли
Виберіть дозволені типи файлів (зображення, документи тощо), встановіть максимальний розмір файлу (наприклад, 5 МБ) та за потреби ввімкніть кілька файлів з мінімальною/максимальною кількістю.
Увімкнути сучасні функції
Увімкніть перетягування для легшого завантаження, увімкніть попередній перегляд файлів для візуального зворотного зв'язку та налаштуйте текст кнопок відповідно до контексту вашої форми.
???? От і все! Поле завантаження файлу готове з інтелектуальною перевіркою та сучасним UX-інтерфейсом.
Програми реального світу
Робота додатків
* Завантаження резюме/CV (PDF, DOCX)
* Додатки до супровідного листа
* Подання файлів портфоліо
* Завантаження довідкових документів
Подання фотографій
* Конкурсні роботи (кілька зображень)
* Фотографії об'єктів нерухомості
* Фотографія товарів
* Завантаження фотографій з події
Ділові документи
* Файли запитів на цінову пропозицію
* Подання договорів
* Завантаження рахунків-фактур
* Документи пропозиції
Освіта
* Подання завдань
* Завантаження транскриптів
* Документи-сертифікати
* Подання файлів проекту
Підтримка квитки
* Додатки до скріншотів
* Файли журналу помилок
* Файли конфігурації
* Діагностичні документи
Творчі портфоліо
* Подання файлів дизайну
* Завантаження відеопортфоліо
* Аудіо зразки
* Приклади творчих робіт
Заповніть параметри поля
Основна конфігурація
- Мітка поля – заголовок, що відображається над полем завантаження файлу
- Опис/Довідковий текст – Додаткові вказівки щодо вимог до файлів
- Обов’язкове поле – Зробити завантаження файлу обов’язковим
- Заповнювач – Не застосовується для завантаження файлів
Кілька файлів
Дозволити кілька файлів – дозволити користувачам завантажувати більше одного файлу одночасно
- Коли ввімкнено кілька файлів:
- Мінімальна кількість файлів – найменша необхідна кількість файлів (наприклад, 1)
- Максимальна кількість файлів – найбільша кількість файлів, які може завантажити користувач (наприклад, 10)
Дозволені типи файлів
Попередньо налаштовані категорії (виберіть будь-яку комбінацію):
- Зображення (jpg, png, gif)
- Документи (pdf, doc, txt)
- Електронні таблиці (xls, csv)
- Презентації (ppt, pptx)
- Архівні файли (zip, rar)
- Аудіо (mp3, wav)
- Відео (mp4, mov)
Певні розширення файлів
Введіть власні типи файлів, розділені комами (наприклад, `.jpg, .png, .pdf, .docx`)
Контроль розміру файлу
- Максимальний розмір файлу – максимальний розмір кожного завантаженого файлу в мегабайтах (МБ).
- Введіть число, наприклад, 5, щоб отримати ліміт 5 МБ
- Залиште поле порожнім, якщо немає обмежень (використовується значення сервера за замовчуванням)
- Застосовується для кожного файлу, а не для загального розміру завантаження
User Experience
- Попередній перегляд файлів – показ мініатюр зображень та значків інших файлів
- Увімкнути перетягування – дозволити користувачам перетягувати файли безпосередньо на форму
- Текст кнопки завантаження – налаштувати текст кнопки (за замовчуванням: «Вибрати файл»)
- Автоматичне завантаження при виборі – Почніть завантаження файлів негайно після вибору (замість очікування на надсилання форми)
Умовна логіка
- Увімкнути умовну логіку – показувати/приховувати на основі умов
- Логічний тип
- Усі умови мають бути виконані (ТА)
- Будь-яка умова може бути виконана (АБО)
- Правила умов
- Показати/Приховати – Дія, яку потрібно виконати
- Поле – яке поле перевіряти
- Оператор – Дорівнює, Не дорівнює, Містить, Більше ніж, Менше ніж, Пусто, Не пусто
- Значення – значення порівняння
- Кілька умов – додавання необмеженої кількості правил
Додаткові параметри
- Приховане поле – Зробити поле невидимим (не рекомендується для завантаження файлів)
- Користувацькі CSS-класи – Застосування власного стилю
- Атрибути доступності – мітки ARIA для програм зчитування з екрана
Чому варто обрати саме нашу сферу завантаження файлів?
✅ Кілька файлів – одне або кілька завантажень з контролем мінімуму/максимуму
✅ Розумні обмеження – 7 категорій файлів плюс власні розширення
✅ Обмеження розміру – Встановіть максимальний розмір файлу в МБ
✅ Перетягування – сучасний інтерфейс вибору файлів
✅ Попередній перегляд файлів – Візуальне підтвердження за допомогою мініатюр
✅ Безпека – вбудована валідація та безпека WordPress
✅ Автоматичне завантаження – миттєве завантаження (опціонально) після вибору
✅ Зручний для користувача – Чіткі зворотні зв’язки та повідомлення про помилки
✅ Повністю інтегрований – безперебійно працює з усіма функціями форми
Поширені запитання
З: Скільки файлів можуть завантажувати користувачі?
Один файл за замовчуванням. Увімкніть опцію «Дозволити кілька файлів», щоб дозволити користувачам завантажувати кілька файлів. Встановіть мінімальні/максимальні обмеження, такі як Мін. 1, Макс. 10, для контрольованого масового завантаження.
З: Які типи файлів підтримуються?
Усі типи файлів підтримуються за замовчуванням. Використовуйте прапорці категорій (Зображення, Документи тощо) або власні розширення, щоб обмежити певні типи відповідно до ваших потреб.
З: Як обмежити розмір файлу?
Введіть число в поле «Максимальний розмір файлу» (наприклад, 5 для 5 МБ). Це обмеження застосовується до кожного файлу, а не до загального розміру завантаження. Залиште поле порожнім для налаштувань сервера за замовчуванням.
З: Яка різниця між категоріями та спеціальними розширеннями?
Категорії – це попередньо встановлені групи (Зображення = всі типи зображень, Документи = pdf/doc/txt). Користувацькі розширення дозволяють вам вказувати точні формати, такі як .svg, .ai, .psd.
З: Як працює перетягування?
Увімкніть функцію «Увімкнути перетягування», і користувачі зможуть перетягувати файли зі свого робочого столу безпосередньо в область завантаження. Традиційна кнопка «Вибрати файл» також працює.
З: Що таке попередній перегляд файлів?
Якщо ввімкнено опцію «Показувати попередній перегляд файлів», користувачі бачать мініатюри зображень та значки файлів з назвами/розмірами для всіх вибраних файлів перед надсиланням.
З: Що робить автоматичне завантаження?
Якщо ввімкнено функцію «Автоматичне завантаження при виборі», файли починають завантажуватися одразу після вибору, а не чекають на надсилання форми. Чудово підходить для великих файлів.
З: Чи можуть мені знадобитися певні типи файлів?
Так. Перевірте категорії типів файлів та/або введіть власні розширення, а потім увімкніть «Обов’язкове поле», щоб примусово завантажити файл із цими обмеженнями.
З: Як мені приймати лише PDF-файли?
Позначте категорію «Документи», якщо вам потрібні всі типи документів, включаючи PDF-файли, або введіть .pdf у розділ «Певні розширення файлів» для завантаження лише PDF-файлів.
З: Що станеться, якщо файл занадто великий?
Користувачі одразу бачать повідомлення про помилку на кшталт «Розмір файлу перевищує 5 МБ». Перш ніж надсилати форму, їм потрібно вибрати менший файл.
Чи завантажені файли безпечні?
Так. Файли перевіряються на тип і розмір, зберігаються в каталозі завантаження WordPress з належними дозволами та відповідають стандартам безпеки WordPress.
З: Чи можу я приймати зображення та документи разом?
Так. Виберіть категорії «Зображення» та «Документи». Користувачі можуть завантажувати будь-яку комбінацію файлів зображень та документів.
