Field ng Pag-upload ng File
Mangolekta ng mga dokumento, larawan, at file nang may kumpiyansa. Mula sa mga resume hanggang sa mga larawan na may drag-and-drop upload, mga paghihigpit sa uri ng file, mga limitasyon sa laki, at mga instant preview – ang field na File Upload ay nagbibigay ng ligtas na koleksyon ng file na may modernong UX at komprehensibong pagpapatunay.
Propesyonal na Koleksyon ng File na may Smart Validation
Perpekto para sa:
Mga Makapangyarihang Tampok para sa Bawat Gamit
📤 Pag-upload ng Maramihang File
Isa o Maramihang mga File:
Payagan ang mga user na mag-upload ng isang file lang o paganahin ang maraming pag-upload ng file. Maaaring pumili ang mga user ng maraming file nang sabay-sabay o magdagdag ng mga file nang paisa-isa.
- Pamamahala ng Matalinong File:
- Magdagdag ng mga file nang paunti-unti
- Alisin ang mga indibidwal na file bago isumite
- Tingnan ang lahat ng napiling file na may mga pangalan at laki
- Malinaw na indikasyon ng bilang ng pag-upload
Mga Kontrol ng Minimum/Max na File:
Kapag pinagana ang maraming pag-upload, itakda ang minimum at maximum na bilang ng file. Mangailangan ng kahit 2 file, limitahan sa 10 file, o anumang saklaw na akma sa iyong mga pangangailangan.
Halimbawa:
- Pagsusumite ng resume: 1 file lamang
- Galeriya ng larawan: Min 3, Max 10 na larawan
- Pakete ng dokumento: Min 2, Max 5 na file
- Portfolio: Minimum na 1, Max na 20 na file
🎯 Mga Restriksyon sa Uri ng File
7 Paunang Na-configure na Kategorya:
Images – jpg, png, gif, at lahat ng format ng larawan
Perpekto para sa mga larawan, logo, screenshot, at visual na nilalaman.
Mga dokumento – pdf, doc, docx, txt, odt
Mainam para sa mga resume, ulat, kontrata, at mga tekstong dokumento.
Spreadsheets – xls, xlsx, csv, ods
Para sa mga data file, badyet, ulat, at kalkulasyon.
Mga presentasyon – ppt, pptx, odp
Mga slide deck, mga presentasyon ng pitch, at mga visual na ulat.
arkibos - zip, rar, 7z, tar, gz
Mga naka-compress na file, mga pakete ng file, at mga backup.
audio – mp3, wav, at lahat ng format ng audio
Mga file ng musika, mga recording ng boses, at mga sound clip.
Video – mp4, mov, at lahat ng format ng video
Mga video file, recording, at multimedia content.
Paghaluin at Pagtugma:
Lagyan ng tsek ang maraming kategorya para tumanggap ng iba't ibang uri ng file. Paganahin ang Images + Documents para tumanggap ng parehong mga larawan at PDF.
📝 Mga Pasadyang Extension ng File
Tukuyin ang Eksaktong Uri ng File:
Higit pa sa 7 kategorya, tukuyin ang mga partikular na extension ng file na gusto mong tanggapin. Maglagay ng mga custom na extension na pinaghihiwalay ng mga kuwit.
Halimbawa:
- `.jpg, .png, .pdf` – Mga larawan at PDF lamang
- `.docx, .pdf, .txt` – Mga partikular na format ng dokumento
- `.ai, .psd, .sketch` – Mga file ng disenyo
- `.dwg, .dxf` – mga CAD file
- `.sql, .db` – Mga file ng database
Perpektong Kontrol:
Pagsamahin ang mga checkbox ng kategorya na may mga custom na extension para sa tumpak na pagkontrol sa uri ng file. Tanggapin ang kategorya ng Mga Larawan kasama ang `.svg` para sa kumpletong suporta sa imahe.
🖼️ Mga Preview ng File
Feedback sa Visual File:
Paganahin ang "Ipakita ang Mga Preview ng File" upang ipakita ang mga thumbnail para sa mga imahe at mga icon ng file para sa iba pang mga uri. Makikita ng mga user kung ano mismo ang kanilang napili bago isumite.
Mga Tampok ng Pag-preview:
- Mga thumbnail ng larawan para sa mga larawan
- Mga icon ng uri ng file para sa mga dokumento
- Pagpapakita ng pangalan at laki ng file
- Butones na Alisin para sa bawat file
Kumpirmasyon ng biswal na pag-upload
Mas mahusay na Karanasan ng User:
Kinukumpirma ng mga preview ang matagumpay na pagpili ng file, binabawasan ang mga error, at nagbibigay ng kumpiyansa na ang mga tamang file ay nakalakip.
🎨 Pasadyang Teksto ng Butones
I-personalize ang Karanasan sa Pag-upload:
Baguhin ang teksto ng button na "Upload" mula sa "Choose File" patungo sa anumang bagay na akma sa konteksto ng iyong form.
Halimbawa:
- "Mag-upload ng Resume"
- “Pumili ng Mga Larawan”
- "Maglakip ng mga Dokumento"
- "Magdagdag ng mga File"
- "Mag-browse ng mga File"
- "Pumili ng mga Larawan"
Wikang Kontekstwal:
Itugma ang teksto ng button sa ina-upload ng mga user para sa mas malinaw na mga tagubilin at mas mahusay na karanasan ng user.
🔐 Naka-embed na Seguridad
Awtomatikong Pagpapatunay ng File:
Lahat ng na-upload na file ay bine-validate para sa uri at laki bago iproseso. Awtomatikong tinatanggihan ang mga nakakahamak na file.
Mga Layer ng Seguridad:
- Pagpapatunay ng uri ng file (extension at uri ng MIME)
- Ipinatupad ang mga limitasyon sa laki ng file
- Muling pagpapatunay sa panig ng server
- Mga pamantayan sa seguridad ng WordPress
- Mga nalinis na pangalan ng file
Ligtas na Paghawak ng File:
Ang mga file ay ligtas na nakaimbak gamit ang mga direktoryo ng pag-upload ng WordPress na may wastong mga pahintulot at mga hakbang sa seguridad.
🔀 Lohikang Kondisyonal
Mga Patlang ng Dynamic na Pag-upload:
Ipakita o itago ang mga field para sa pag-upload ng file batay sa iba pang mga value ng form. Ipakita lamang ang mga opsyon sa pag-upload kapag may kaugnayan sa mga pinili ng user.
Mga Panuntunan sa Advanced na Lohika:
- AT Lohika – Dapat matugunan ang lahat ng kundisyon
- Lohika ng O – Anumang kundisyon ay maaaring mag-trigger ng aksyon
- 8 Operator – Katumbas, Hindi katumbas, Mas malaki kaysa sa, Mas mababa sa, Naglalaman, Walang laman, at higit pa
🎯 Pinahusay na Karanasan ng Gumagamit
Mga Nakapaloob na Matalinong Tampok:
- Listahan ng Napiling File – Tingnan ang lahat ng napiling file na may mga pangalan at laki
- Alisin ang mga Indibidwal na File – Burahin ang mga file bago isumite
- Pag-usad ng Pag-upload – Biswal na feedback habang nag-a-upload (na may awtomatikong pag-upload)
- I-clear ang Mga Mensahe ng Error – Mga partikular na error sa pagpapatunay na may gabay
- Pagpapakita ng Bilang ng File – Ipinapakita ang bilang ng mga napiling file
- Kinakailangang Pagpapatunay – Gawing mandatory ang pag-upload ng file
- Suporta sa Teksto ng Tulong – Magdagdag ng mga paglalarawan tungkol sa mga kinakailangan sa file
- Mga Pasadyang Klase ng CSS – Maglagay ng pasadyang estilo
- Suporta sa Pag-access – Tugma sa nabigasyon ng keyboard at screen reader
- Na-optimize ang Mobile – Mga tagapili ng katutubong file sa mga mobile device
📏 Mga Limitasyon sa Laki ng File
Kontrolin ang mga Laki ng Pag-upload:
Itakda ang maximum na laki ng file bawat file sa megabytes (MB). Pigilan ang malalaking pag-upload na maaaring magpabagal sa pagsusumite o lumampas sa mga limitasyon ng server.
Mga Limitasyon ng Flexible:
- Maliliit na file: 1-2 MB para sa mga dokumento
- Standard: 5 MB para sa mga pangkalahatang pag-upload
- Mga Larawan: 10 MB para sa mga larawan
- Malalaking file: 50 MB+ para sa mga video o archive
Pagpapatunay Bawat File:
Ang limitasyon sa laki ay nalalapat sa bawat indibidwal na file, hindi sa kabuuang laki ng pag-upload. Maaaring mag-upload ang mga user ng 5 file na 5MB bawat isa kung magtatakda ka ng limitasyong 5MB.
I-clear ang Feedback:
Nakakakita agad ang mga user ng mga error sa laki ng file bago pa man isumite ang mga ito na may mga partikular na mensahe tulad ng “Lumampas ang file sa 5MB limit.”
⚡ Awtomatikong Pag-upload kapag Pinili
Opsyon sa Agarang Pag-upload:
Paganahin ang “Awtomatikong pag-upload kapag napili” para agad na masimulan ang pag-upload ng mga file kapag napili na, sa halip na maghintay para sa pagsusumite ng form.
Benepisyo:
- Mas mabilis na nakikitang pagganap
- Mag-upload ng malalaking file habang pinupunan ng mga user ang iba pang mga field
- Agad na kumpirmasyon ng pag-upload
- Feedback sa progreso habang nag-a-upload
Gumamit ng Mga Kaso:
- Pagsusumite ng malalaking file (mga video, archive)
- Mga form na may maraming hakbang kung saan maagang ina-upload ang mga file
- Mga form na maraming field na kailangang kumpletuhin
- Mas mahusay na UX para sa mabagal na koneksyon
🎨 I-drag at I-drop ang Pag-upload
Modernong Pagpili ng File:
Paganahin ang drag-and-drop para ma-drag nang direkta ng mga user ang mga file mula sa kanilang desktop o file browser papunta sa upload area. Hindi na kailangan ng pag-browse.
Mga Paraan ng Dobleng Pag-upload:
- Tradisyonal na buton na "Pumili ng File"
- I-drag ang mga file nang direkta papunta sa upload zone
- Parehong pamamaraan ay gumagana nang sabay-sabay
Visual na Feedback:
Nagha-highlight ang upload area kapag kinaladkad ang mga file, na nagbibigay ng malinaw na visual na indikasyon ng drop zone.
Mobile Compatible:
Gumagana sa desktop na may kumpletong drag-and-drop. Babalik sa karaniwang file picker sa mga mobile device.
Simpleng Pag-setup sa 3 Hakbang
Ihanda ang iyong File Upload Field sa loob ng ilang minuto
Magdagdag ng Patlang sa Pag-upload ng File
I-drag at i-drop ang field na File Upload mula sa seksyong Basic Fields papunta sa iyong form.
Itakda ang mga Restriksyon sa File
Pumili ng mga pinapayagang uri ng file (Mga Larawan, Dokumento, atbp.), itakda ang maximum na laki ng file (hal., 5MB), at paganahin ang maraming file kung kinakailangan na may minimum/maximum na bilang.
Paganahin ang Mga Modernong Tampok
I-on ang drag-and-drop para sa mas madaling pag-upload, paganahin ang mga preview ng file para sa visual feedback, at i-customize ang teksto ng button upang tumugma sa konteksto ng iyong form.
🎉 Iyon lang! Handa na ang iyong file upload field gamit ang smart validation at modernong UX.
Mga Real-World Application
Job Application
* Mga pag-upload ng resume/CV (PDF, DOCX)
* Mga kalakip na cover letter
* Mga pagsusumite ng portfolio file
* Mga pag-upload ng dokumentong sanggunian
Mga Pagsusumite ng Larawan
* Mga lahok sa paligsahan (maraming larawan)
* Mga larawan sa listahan ng ari-arian
* Potograpiya ng produkto
* Mga pag-upload ng larawan sa kaganapan
Mga Dokumento ng Negosyo
* Mga file ng kahilingan sa sipi
* Mga pagsusumite ng kontrata
* Mga pag-upload ng invoice
* Mga dokumento ng panukala
Edukasyon
* Mga pagsusumite ng takdang-aralin
* Mga pag-upload ng transcript
* Mga dokumento ng sertipiko
* Mga pagsusumite ng file ng proyekto
Support Ticket sa
* Mga kalakip ng screenshot
* Mga file ng log ng error
* Mga file ng pag-configure
* Mga dokumentong pang-diagnostiko
Mga Malikhaing Portfolio
* Mga pagsusumite ng file ng disenyo
* Mga pag-upload ng portfolio ng video
* Mga sample ng audio
* Mga halimbawa ng malikhaing gawain
Kumpletong Mga Opsyon sa Patlang
Pangunahing Configuration
- Label ng Patlang – Ang pamagat na ipinapakita sa itaas ng patlang ng pag-upload ng file
- Teksto ng Paglalarawan/Tulong – Karagdagang gabay tungkol sa mga kinakailangan sa file
- Kinakailangang Patlang – Gawing mandatory ang pag-upload ng file
- Placeholder – Hindi naaangkop para sa mga pag-upload ng file
Maramihang mga File
Payagan ang Maramihang Mga File – Hayaan ang mga user na mag-upload ng higit sa isang file nang sabay-sabay
- Kapag pinagana ang maraming file:
- Minimum na mga File – Pinakamababang bilang ng mga file na kinakailangan (hal., 1)
- Pinakamataas na Bilang ng mga File – Karamihan sa mga file na maaaring i-upload ng isang user (hal., 10)
Mga Pinapayagang Uri ng File
Mga Paunang Na-configure na Kategorya (lagyan ng tsek ang anumang kumbinasyon):
- Mga Larawan (jpg, png, gif)
- Mga dokumento (pdf, doc, txt)
- Mga Spreadsheet (xls, csv)
- Mga Presentasyon (ppt, pptx)
- Mga Archive (zip, rar)
- Tunog (mp3, wav)
- Bidyo (mp4, mov)
Mga Tiyak na Extension ng File
Maglagay ng mga pasadyang uri ng file na pinaghihiwalay ng mga kuwit (hal., `.jpg, .png, .pdf, .docx`)
Kontrol sa Sukat ng File
- Pinakamataas na Laki ng File – Pinakamataas na laki para sa bawat na-upload na file sa megabytes (MB)
- Maglagay ng numerong tulad ng 5 para sa limitasyong 5MB
- Iwanang blangko para walang limitasyon (ginagamit ang default ng server)
- Inilapat kada file, hindi sa kabuuang laki ng upload
Karanasan ng User
- Ipakita ang mga Preview ng File – Ipakita ang mga thumbnail para sa mga larawan at mga icon para sa iba pang mga file
- Paganahin ang Drag & Drop – Hayaan ang mga user na direktang mag-drag ng mga file papunta sa form
- Teksto ng Button na I-upload – I-customize ang teksto ng button (default: “Pumili ng File”)
- Awtomatikong pag-upload kapag napili – Simulan agad ang pag-upload ng mga file kapag napili na (sa halip na maghintay para sa pagsusumite ng form)
Makatarungang Lohika
- Paganahin ang Conditional Logic – Ipakita/itago batay sa mga kundisyon
- Uri ng lohika
- Dapat matugunan ang lahat ng mga kundisyon (AT)
- Maaaring matugunan ang anumang kundisyon (O)
- Mga Panuntunan sa Kondisyon
- Ipakita/Itago – Aksyon na gagawin
- Patlang – Aling patlang ang susuriin
- Operator – Katumbas ng, Hindi katumbas ng, Naglalaman ng, Mas malaki kaysa sa, Mas mababa sa, Walang laman, Hindi walang laman
- Halaga – Halaga ng paghahambing
- Maramihang Kundisyon – Magdagdag ng walang limitasyong mga panuntunan
Mga Advanced na Pagpipilian
- Nakatagong Patlang – Gawing hindi nakikita ang patlang (hindi inirerekomenda para sa mga pag-upload ng file)
- Mga Pasadyang Klase ng CSS – Maglapat ng pasadyang estilo
- Mga Katangian ng Accessibility – Mga label ng ARIA para sa mga screen reader
Bakit Piliin ang Aming Patlang para sa Pag-upload ng File?
✅ Maramihang File – Isa o maraming upload na may mga kontrol na minimum/maximum
✅ Mga Smart Restriction – 7 kategorya ng file kasama ang mga custom na extension
✅ Mga Limitasyon sa Sukat – Itakda ang pinakamataas na laki bawat file sa MB
✅ I-drag at I-drop – Modernong karanasan sa pagpili ng file
✅ Mga Preview ng File – Biswal na kumpirmasyon gamit ang mga thumbnail
✅ Ligtas – May built-in na pagpapatunay at seguridad sa WordPress
✅ Awtomatikong Pag-upload – Opsyonal na agarang pag-upload kapag napili
✅ Madaling gamitin – Malinaw na feedback at mga mensahe ng error
✅ Ganap na Pinagsama – Gumagana nang maayos sa lahat ng mga tampok ng form
Mga Madalas Itanong
T: Ilang file ang maaaring i-upload ng mga user?
Iisang file bilang default. Paganahin ang “Payagan ang Maramihang Mga File” upang payagan ang mga user na mag-upload ng maramihang mga file. Magtakda ng minimum/maximum na mga limitasyon tulad ng Min 1, Max 10 para sa kontroladong maramihang pag-upload.
T: Anong mga uri ng file ang sinusuportahan?
Sinusuportahan bilang default ang lahat ng uri ng file. Gumamit ng mga checkbox ng kategorya (Mga Larawan, Dokumento, atbp.) o mga custom na extension upang paghigpitan ang mga partikular na uri batay sa iyong mga pangangailangan.
T: Paano ko lilimitahan ang laki ng file?
Maglagay ng numero sa field na “Maximum File Size” (hal., 5 para sa 5MB). Ang limitasyong ito ay nalalapat sa bawat file, hindi sa kabuuang laki ng upload. Iwanang blangko para sa mga default ng server.
T: Ano ang pagkakaiba sa pagitan ng mga kategorya at mga custom na extension?
Ang mga kategorya ay mga naka-preset na grupo (Mga Larawan = lahat ng uri ng imahe, Mga Dokumento = pdf/doc/txt). Binibigyang-daan ka ng mga custom na extension na tukuyin ang mga eksaktong format tulad ng .svg, .ai, .psd.
T: Paano gumagana ang drag-and-drop?
Paganahin ang "Paganahin ang Drag & Drop" at maaaring direktang i-drag ng mga user ang mga file mula sa kanilang desktop papunta sa upload area. Gumagana pa rin ang tradisyonal na button na "Choose File".
T: Ano ang mga preview ng file?
Kapag naka-enable ang "Ipakita ang Mga Preview ng File," makikita ng mga user ang mga thumbnail ng larawan at mga icon ng file na may mga pangalan/laki para sa lahat ng napiling file bago isumite.
T: Ano ang ginagawa ng awtomatikong pag-upload?
Kapag naka-enable ang “Auto-upload on Selection,” agad na magsisimulang mag-upload ang mga file kapag napili na, sa halip na maghintay para sa pagsusumite ng form. Mainam para sa malalaking file.
T: Maaari ba akong humingi ng mga partikular na uri ng file?
Oo. Suriin ang mga kategorya ng uri ng file at/o maglagay ng mga custom na extension, pagkatapos ay paganahin ang "Required Field" upang pilitin ang pag-upload ng file gamit ang mga paghihigpit na iyon.
T: Paano ko tatanggapin lamang ang mga PDF?
Lagyan ng tsek ang kategoryang “Mga Dokumento” kung gusto mo ng lahat ng uri ng dokumento kabilang ang mga PDF, o ilagay ang .pdf sa “Mga Tiyak na Extension ng File” para sa mga pag-upload na PDF-only.
T: Ano ang mangyayari kung ang isang file ay masyadong malaki?
Agad na makakakita ang mga user ng mensahe ng error tulad ng “Ang file ay lumampas sa 5MB limit”. Kailangan nilang pumili ng mas maliit na file bago isumite ang form.
Ligtas ba ang mga na-upload na file?
Oo. Ang mga file ay bineberipika para sa uri at laki, iniimbak sa direktoryo ng pag-upload ng WordPress na may wastong mga pahintulot, at sumusunod sa mga pamantayan ng seguridad ng WordPress.
T: Maaari ba akong tumanggap ng mga larawan at dokumento nang sabay?
Oo. Lagyan ng tsek ang parehong kategoryang “Mga Larawan” at “Mga Dokumento”. Maaaring mag-upload ang mga user ng anumang kombinasyon ng mga file ng larawan at dokumento.
