Поле для загрузкі файла
Збірайце дакументы, выявы і файлы з упэўненасцю. Ад рэзюмэ да фатаграфій з дапамогай перацягвання элементаў, абмежаванняў па тыпах файлаў, абмежаванняў па памеры і імгненнага папярэдняга прагляду — поле «Загрузка файлаў» забяспечвае бяспечны збор файлаў з сучасным карыстальніцкім інтэрфейсам і ўсебаковай праверкай.
Прафесійны збор файлаў з дапамогай разумнай праверкі
Ідэальна падыходзіць для:
Магутныя функцыі для любога выпадку выкарыстання
📤 Загрузка некалькіх файлаў
Адзін або некалькі файлаў:
Дазволіць карыстальнікам загружаць толькі адзін файл або ўключыць загрузку некалькіх файлаў. Карыстальнікі могуць выбіраць некалькі файлаў адначасова або дадаваць файлы па адным.
- Інтэлектуальнае кіраванне файламі:
- Дадаваць файлы паступова
- Выдаліце асобныя файлы перад адпраўкай
- Глядзіце ўсе выбраныя файлы з назвамі і памерамі
- Выразная індыкацыя колькасці загрузак
Элементы кіравання файламі Мін/Макс:
Калі ўключана некалькі загрузак, усталюйце мінімальную і максімальную колькасць файлаў. Патрабуйце не менш за 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 МБ».
⚡ Аўтаматычная загрузка пры выбары
Варыянт імгненнай загрузкі:
Уключыце опцыю «Аўтаматычная загрузка пры выбары», каб пачаць загружаць файлы адразу пасля выбару, а не чакаць адпраўкі формы.
перавагі:
- Хутчэйшая ўспрыманая прадукцыйнасць
- Загружайце вялікія файлы, пакуль карыстальнікі запаўняюць іншыя палі
- Імгненнае пацверджанне загрузкі
- Водгук аб прагрэсе загрузкі
Выкарыстоўвайце выпадкі:
- Адпраўка вялікіх файлаў (відэа, архівы)
- Шматэтапныя формы, дзе файлы загружаюцца раней
- Формы з вялікай колькасцю палёў для запаўнення
- Лепшы карыстальніцкі інтэрфейс для павольных злучэнняў
🎨 Перацягванне загрузкі
Сучасны выбар файлаў:
Уключыце функцыю перацягвання, каб карыстальнікі маглі перацягваць файлы непасрэдна з працоўнага стала або з браўзера файлаў у вобласць загрузкі. Прагляд не патрабуецца.
Падвойныя метады загрузкі:
- Традыцыйная кнопка «Выбраць файл»
- Перацягвайце файлы непасрэдна ў зону загрузкі
- Абодва метады працуюць адначасова
Візуальная зваротная сувязь:
Пры перацягванні файлаў вобласць загрузкі падсвятляецца, што забяспечвае выразнае візуальнае пазначэнне зоны перацягвання.
Сумяшчальнасць з мабільнымі прыладамі:
Працуе на настольным кампутары з поўным перацягваннем. На мабільных прыладах вяртаецца да стандартнага выбару файлаў.
Простая ўстаноўка ў 3 крокі
Падрыхтуйце поле для загрузкі файла за лічаныя хвіліны
Дадаць поле для загрузкі файла
Перацягніце поле «Загрузка файла» з раздзела «Асноўныя палі» ў сваю форму.
Устанавіць абмежаванні на файлы
Выберыце дазволеныя тыпы файлаў (малюнкі, дакументы і г.д.), усталюйце максімальны памер файла (напрыклад, 5 МБ) і пры неабходнасці ўключыце некалькі файлаў з мінімальнай/максімальнай колькасцю.
Уключыць сучасныя функцыі
Уключыце перацягванне элементаў для больш простай загрузкі, уключыце папярэдні прагляд файлаў для візуальнай зваротнай сувязі і наладзьце тэкст кнопак у адпаведнасці з кантэкстам вашай формы.
???? Вось і ўсё! Поле загрузкі файла гатовае да выкарыстання, мае разумную праверку і сучасны карыстальніцкі інтэрфейс.
Рэальныя прыкладанні
Праца прыкладанняў
* Загрузка рэзюмэ/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
✅ Аўтазагрузка – Дадатковая імгненная загрузка пры выбары
✅ Зручны для карыстальніка — зразумелыя водгукі і паведамленні пра памылкі
✅ Поўная інтэграцыя — бездакорна працуе з усімі функцыямі формы
Questions fréquemment posées
Пытанне: Колькі файлаў могуць загружаць карыстальнікі?
Па змаўчанні — адзін файл. Уключыце опцыю «Дазволіць некалькі файлаў», каб дазволіць карыстальнікам загружаць некалькі файлаў. Усталюйце мінімальныя/максімальныя абмежаванні, напрыклад, «Мін. 1», «Макс. 10», для кантраляванай масавай загрузкі.
Пытанне: Якія тыпы файлаў падтрымліваюцца?
Па змаўчанні падтрымліваюцца ўсе тыпы файлаў. Выкарыстоўвайце сцяжкі катэгорый (малюнкі, дакументы і г.д.) або карыстальніцкія пашырэнні, каб абмежаваць пэўныя тыпы ў залежнасці ад вашых патрэб.
Пытанне: Як абмежаваць памер файла?
Увядзіце лік у поле «Максімальны памер файла» (напрыклад, 5 для 5 МБ). Гэта абмежаванне распаўсюджваецца на адзін файл, а не на агульны памер загрузкі. Пакіньце поле пустым для налад сервера па змаўчанні.
Пытанне: У чым розніца паміж катэгорыямі і карыстальніцкімі пашырэннямі?
Катэгорыі — гэта загадзя зададзеныя групы (Выявы = усе тыпы малюнкаў, Дакументы = pdf/doc/txt). Карыстальніцкія пашырэнні дазваляюць вам задаваць дакладныя фарматы, такія як .svg, .ai, .psd.
Пытанне: Як працуе перацягванне элементаў?
Уключыце «Уключыць перацягванне», і карыстальнікі змогуць перацягваць файлы з працоўнага стала непасрэдна ў вобласць загрузкі. Традыцыйная кнопка «Выбраць файл» таксама працуе.
Пытанне: Што такое папярэдні прагляд файлаў?
Калі ўключана опцыя «Паказваць папярэдні прагляд файлаў», карыстальнікі бачаць мініяцюры малюнкаў і значкі файлаў з назвамі/памерамі для ўсіх выбраных файлаў перад адпраўкай.
Пытанне: Што робіць аўтаматычная загрузка?
Калі ўключана опцыя «Аўтаматычная загрузка пры выбары», файлы пачынаюць загружацца адразу пасля выбару, а не чакаюць адпраўкі формы. Выдатна падыходзіць для вялікіх файлаў.
Пытанне: Ці могуць мне спатрэбіцца пэўныя тыпы файлаў?
Так. Праверце катэгорыі тыпаў файлаў і/або ўвядзіце карыстальніцкія пашырэнні, а затым уключыце «Абавязковае поле», каб прымусова загрузіць файлы з гэтымі абмежаваннямі.
Пытанне: Як мне прымаць толькі PDF-файлы?
Калі вам патрэбныя ўсе тыпы дакументаў, у тым ліку PDF, адзначце катэгорыю «Дакументы», або ўвядзіце .pdf у «Канкрэтныя пашырэнні файлаў», калі вы загружаеце толькі PDF.
Пытанне: Што адбудзецца, калі файл занадта вялікі?
Карыстальнікі адразу бачаць паведамленне пра памылку накшталт «Памер файла перавышае 5 МБ». Перад адпраўкай формы ім трэба выбраць меншы файл.
Ці бяспечныя загружаныя файлы?
Так. Файлы правяраюцца па тыпу і памеры, захоўваюцца ў каталогу загрузкі WordPress з адпаведнымі дазволамі і адпавядаюць стандартам бяспекі WordPress.
Пытанне: Ці магу я прымаць выявы і дакументы разам?
Так. Выберыце катэгорыі «Выявы» і «Дакументы». Карыстальнікі могуць загружаць любую камбінацыю файлаў малюнкаў і дакументаў.
