File Upload Field
Kumpulake dokumen, gambar, lan file kanthi yakin. Saka resume nganti foto kanthi unggahan seret lan selehake, watesan jinis file, watesan ukuran, lan pratinjau cepet - kolom Unggah Berkas nyedhiyakake koleksi file sing aman kanthi UX modern lan validasi lengkap.
Koleksi Berkas Profesional nganggo Validasi Cerdas
Sampurna kanggo:
Fitur Kuat kanggo Saben Kasus Panggunaan
📤 Unggah Berkas Pirang-pirang
File Tunggal utawa Multiple:
Ngidini pangguna ngunggah mung siji file utawa ngaktifake unggahan pirang-pirang file. Pangguna bisa milih pirang-pirang file sekaligus utawa nambah file siji-siji.
- Manajemen Berkas sing Pinter:
- Tambah file kanthi bertahap
- Busak file individu sadurunge dikirim
- Deleng kabeh file sing dipilih nganggo jeneng lan ukuran
- Indikasi sing jelas babagan jumlah unggahan
Kontrol Berkas Minimal/Maks:
Nalika pirang-pirang unggahan diaktifake, setel jumlah file minimal lan maksimal. Butuhake paling ora 2 file, watesan nganti 10 file, utawa rentang apa wae sing cocog karo kabutuhan sampeyan.
Conto:
- Pengajuan resume: mung 1 file
- Galeri foto: Minimal 3, Maks. 10 gambar
- Paket dokumen: Minimal 2, Maks. 5 file
- Portofolio: Minimal 1, Maks. 20 file
🎯 Watesan Jinis Berkas
7 Kategori sing Wis Dikonfigurasi:
images – jpg, png, gif, lan kabeh format gambar
Sampurna kanggo foto, logo, gambar layar, lan konten visual.
dokumen - pdf, doc, docx, txt, odt
Cocok kanggo resume, laporan, kontrak, lan dokumen teks.
spreadsheets – xls, xlsx, csv, ods
Kanggo file data, anggaran, laporan, lan pitungan.
presentations - ppt, pptx, odp
Slide deck, presentasi pitch, lan laporan visual.
Archives - zip, rar, 7z, tar, gz
File sing dikompres, paket file, lan serep.
Audio - mp3, wav, lan kabeh format audio
Berkas musik, rekaman swara, lan klip swara.
Video - mp4, mov, lan kabeh format video
File video, rekaman, lan konten multimedia.
Campuran & Cocokake:
Priksa pirang-pirang kategori kanggo nampa macem-macem jinis file. Aktifake Gambar + Dokumen kanggo nampa foto lan PDF.
📝 Ekstensi Berkas Khusus
Nemtokake Jinis Berkas sing Pas:
Saliyané 7 kategori, tetepna ekstensi file tartamtu sing pengin kok tampa. Ketik ekstensi khusus sing dipisahaké nganggo koma.
Conto:
- `.jpg, .png, .pdf` – Foto lan PDF waé
- `.docx, .pdf, .txt` – Format dokumen tartamtu
- `.ai, .psd, .sketch` – Berkas desain
- `.dwg, .dxf` – file CAD
- `.sql, .db` – Berkas basis data
Kontrol Sampurna:
Gabungke kothak centhang kategori karo ekstensi khusus kanggo kontrol jinis file sing tepat. Tampa kategori Gambar ditambah `.svg` kanggo dhukungan gambar sing lengkap.
🖼️ Pratinjau Berkas
Umpan Balik Berkas Visual:
Aktifake "Tampilake Pratinjau Berkas" kanggo nampilake gambar cilik kanggo gambar lan lambang berkas kanggo jinis liyane. Pangguna bisa ndeleng persis apa sing wis dipilih sadurunge ngirim.
Fitur Pratinjau:
- Gambar cilik kanggo foto
- Ikon jinis berkas kanggo dokumen
- Tampilan jeneng lan ukuran berkas
- Tombol mbusak kanggo saben file
Konfirmasi unggahan visual
Pengalaman pangguna sing luwih apik:
Pratinjau ngonfirmasi pilihan file sing sukses, nyuda kesalahan, lan menehi kapercayan manawa file sing bener wis dilampirake.
🎨 Teks Tombol Khusus
Personalisasi Pengalaman Unggahan:
Owah teks tombol unggah saka "Pilih Berkas" dadi apa wae sing cocog karo konteks formulir sampeyan.
Conto:
- "Unggah Resume"
- "Pilih Foto"
- "Lampirake Dokumen"
- "Tambah File"
- "Telusuri Berkas"
- "Pilih Gambar"
Basa Kontekstual:
Cocokake teks tombol karo apa sing diunggah pangguna kanggo pandhuan sing luwih jelas lan pengalaman pangguna sing luwih apik.
🔐 Keamanan Terintegrasi
Validasi Berkas Otomatis:
Kabeh file sing diunggah bakal divalidasi jinis lan ukurane sadurunge diproses. File sing mbebayani bakal ditolak kanthi otomatis.
Lapisan Keamanan:
- Validasi jinis berkas (ekstensi lan jinis MIME)
- Watesan ukuran file ditrapake
- Validasi ulang sisih server
- Standar keamanan WordPress
- Jeneng file sing wis diresiki
Penanganan Berkas sing Aman:
File disimpen kanthi aman nggunakake direktori unggahan WordPress kanthi ijin lan langkah-langkah keamanan sing tepat.
🔀 Logika Kondisional
Kolom Unggahan Dinamis:
Tampilake utawa ndhelikke kolom unggahan file adhedhasar nilai formulir liyane. Tampilake opsi unggahan mung yen ana gandhengane karo pilihan pangguna.
Aturan Logika Lanjutan:
- Logika LAN – Kabeh syarat kudu dipenuhi
- Logika OR – Sembarang kondisi bisa micu tumindak
- 8 Operator – Padha karo, Ora padha karo, Luwih gedhe tinimbang, Kurang saka, Ngandhut, Kosong, lan luwih akeh
🎯 Pengalaman Pangguna sing Ditingkatake
Fitur Cerdas sing Wis Dipasang:
- Daftar Berkas sing Dipilih - Deleng kabeh file sing dipilih nganggo jeneng lan ukuran
- Mbusak File Individu - Mbusak file sadurunge dikirim
- Kemajuan Unggahan – Umpan balik visual nalika unggahan (kanthi unggahan otomatis)
- Mbusak Pesen Kesalahan – Kasalahan validasi tartamtu kanthi pandhuan
- Tampilan Cacah Berkas - Nuduhake jumlah file sing dipilih
- Validasi sing Dibutuhake – Nggawe unggahan file dadi wajib
- Dhukungan Teks Pitulung – Tambah katrangan babagan syarat berkas
- Kelas CSS Khusus - Gunakake gaya khusus
- Dhukungan Aksesibilitas – Kompatibel karo navigasi keyboard lan pembaca layar
- Ngoptimalake Seluler – Pamilih file asli ing piranti seluler
📏 Watesan Ukuran Berkas
Ukuran Unggahan Kontrol:
Setel ukuran file maksimal saben file ing megabyte (MB). Nyegah unggahan sing kegedhen sing bisa ngalangi pangiriman utawa ngluwihi watesan server.
Watesan Fleksibel:
- File cilik: 1-2 MB kanggo dokumen
- Standar: 5 MB kanggo unggahan umum
- Gambar: 10 MB kanggo foto
- File gedhe: 50 MB+ kanggo video utawa arsip
Validasi Per-Berkas:
Watesan ukuran ditrapake kanggo saben file individu, dudu ukuran unggahan total. Pangguna bisa ngunggah 5 file kanthi ukuran 5MB saben file yen sampeyan nyetel watesan 5MB.
Umpan Balik sing Jelas:
Pangguna bakal weruh kesalahan ukuran file sadurunge dikirim nganggo pesen tartamtu kaya "File ngluwihi watesan 5MB".
⚡ Unggah Otomatis nalika Dipilih
Pilihan Unggahan Cepet:
Aktifake "Unggah Otomatis nalika Dipilih" kanggo langsung miwiti ngunggah file nalika dipilih, tinimbang ngenteni pengiriman formulir.
Wuku:
- Kinerja sing luwih cepet dirasakake
- Unggah file gedhe nalika pangguna ngisi kolom liyane
- Konfirmasi unggahan langsung
- Umpan balik kemajuan sajrone unggahan
Gunakake Kase:
- Pangiriman file gedhe (video, arsip)
- Formulir multi-langkah ing ngendi file diunggah luwih awal
- Formulir kanthi akeh kolom sing kudu diisi
- UX sing luwih apik kanggo sambungan alon
🎨 Seret & Selehake Unggah
Pilihan Berkas Modern:
Aktifake seret lan selehake supaya pangguna bisa nyeret file langsung saka desktop utawa browser file menyang area unggahan. Ora perlu browsing.
Cara Unggah Ganda:
- Tombol "Pilih Berkas" tradisional
- Seret file langsung menyang zona unggahan
- Kaloro cara kasebut bisa digunakake bebarengan
Umpan balik Visual:
Area unggahan bakal nyorot nalika file diseret, menehi indikasi visual sing jelas babagan zona undhuh.
Kompatibel karo Seluler:
Bisa digunakake ing desktop kanthi seret lan selehake lengkap. Bali menyang pamilih file standar ing piranti seluler.
Persiapan Sederhana sajrone 3 Langkah
Siapke Kolom Unggah Berkas sampeyan sajrone sawetara menit
Tambah Kolom Unggah Berkas
Seret lan selehake kolom Unggah Berkas saka bagean Kolom Dasar menyang formulir sampeyan.
Setel Watesan Berkas
Pilih jinis file sing diidinake (Gambar, Dokumen, lsp.), setel ukuran file maksimal (contone, 5MB), lan aktifake pirang-pirang file yen perlu kanthi jumlah minimal/maks.
Aktifake Fitur Modern
Aktifake seret lan selehake supaya luwih gampang diunggah, aktifake pratinjau file kanggo umpan balik visual, lan sesuaikan teks tombol supaya cocog karo konteks formulir sampeyan.
🎉 Wis rampung! Kolom unggahan file sampeyan wis siap nganggo validasi cerdas lan UX modern.
Aplikasi Donya Nyata
Lamaran Kerja
* Unggahan Resume/CV (PDF, DOCX)
*Lampiran surat lamaran
*Pengiriman berkas portofolio
*Unggahan dokumen referensi
Kiriman Foto
* Entri kontes (pirang-pirang gambar)
* Foto dhaptar properti
* Fotografi produk
*Unggahan foto acara
Dokumen Bisnis
* Berkas panjalukan kutipan
* Pengajuan Kontrak
* Unggahan faktur
* Dokumen proposal
Education
*Penyerahan tugas
* Unggahan transkrip
* Dokumen sertifikat
* Pengajuan berkas proyek
Tiket Dhukungan
* Lampiran gambar layar
* Berkas log kesalahan
* Berkas konfigurasi
* Dokumen diagnostik
Portofolio Kreatif
*Pengiriman berkas desain
* Unggahan portofolio video
* Conto audio
*Conto karya kreatif
Pilihan Kolom Lengkap
Konfigurasi dhasar
- Label Kolom – Judhul sing dituduhake ing ndhuwur kolom unggahan file
- Teks Katrangan/Pitulung – Pandhuan tambahan babagan syarat berkas
- Kolom Wajib – Gawe unggahan file dadi wajib
- Placeholder – Ora ditrapake kanggo unggahan file
Multiple Files
Ngidini Multiple File – Ngidini pangguna ngunggah luwih saka siji file sekaligus
- Nalika pirang-pirang file diaktifake:
- File Minimal – Cacah file paling sithik sing dibutuhake (contone, 1)
- File Maksimum – Sebagian besar file sing bisa diunggah pangguna (contone, 10)
Jinis Berkas sing Diidinake
Kategori sing wis dikonfigurasi sadurunge (pilih kombinasi apa wae):
- Gambar (jpg, png, gif)
- Dokumen (pdf, doc, txt)
- Spreadsheet (xls, csv)
- Presentasi (ppt, pptx)
- Arsip (zip, rar)
- Audio (mp3, wav)
- Video (mp4, mov)
Ekstensi Berkas Tertentu
Lebokna jinis file khusus sing dipisahake nganggo koma (contone, `.jpg, .png, .pdf, .docx`)
Kontrol Ukuran Berkas
- Ukuran Berkas Maksimum – Ukuran maksimal kanggo saben berkas sing diunggah ing megabyte (MB)
- Ketik angka kaya 5 kanggo watesan 5MB
- Kosongna tanpa watesan (nggunakake standar server)
- Ditrapake saben file, dudu ukuran unggahan total
Pangalaman pengguna
- Tampilake Pratinjau Berkas – Tampilake gambar cilik kanggo gambar lan ikon kanggo file liyane
- Aktifake Seret & Selehake – Ngidini pangguna nyeret file langsung menyang formulir
- Teks Tombol Unggah – Sesuaikan teks tombol (standar: “Pilih Berkas”)
- Unggah otomatis nalika dipilih – Miwiti unggah file langsung nalika dipilih (tinimbang ngenteni pangiriman formulir)
Logika Kondhisi
- Aktifake Logika Kondisional – Tampilake/dhelikake adhedhasar kahanan
- Tipe Logika
- Kabeh syarat kudu dipenuhi (LAN)
- Sarat apa wae bisa dipenuhi (UTAWA)
- Aturan Kondisi
- Tampilake/Ndhelikake – Tindakan sing kudu ditindakake
- Kolom endi sing kudu dipriksa
- Operator – Padha karo, Ora padha karo, Ngandhut, Luwih saka, Kurang saka, Kosong, Ora kosong
- Nilai – Nilai perbandingan
- Multiple Conditions – Tambah aturan tanpa wates
Pilihan Lanjut
- Kolom sing Didhelikake – Gawe kolom ora katon (ora disaranake kanggo unggahan file)
- Kelas CSS Khusus – Terapna gaya khusus
- Atribut Aksesibilitas – label ARIA kanggo pamaca layar
Apa sebabé milih kolom unggah berkas kita?
✅ Multiple File – Unggahan tunggal utawa multiple nganggo kontrol minimal/maksimal
✅ Watesan Cerdas – 7 kategori file ditambah ekstensi khusus
✅ Watesan Ukuran – Setel ukuran maksimal saben file ing MB
✅ Seret & Selehake – Pengalaman milih file modern
✅ Pratinjau Berkas – Konfirmasi visual nganggo gambar cilik
✅ Aman – Validasi internal lan keamanan WordPress
✅ Unggah Otomatis – Unggahan instan opsional sing dipilih
✅ Ramah Pangguna – Umpan balik lan pesen kesalahan sing jelas
✅ Terintegrasi kanthi lengkap - Bisa digunakake kanthi lancar karo kabeh fitur formulir
Pitakonan Paling Sering
P: Pira file sing bisa diunggah pangguna?
Berkas siji minangka standar. Aktifake "Idini Multiple Files" supaya pangguna bisa ngunggah pirang-pirang file. Setel watesan minimal/maksimal kaya Min 1, Max 10 kanggo unggahan massal sing dikontrol.
P: Jinis file apa sing didhukung?
Kabeh jinis file didhukung kanthi standar. Gunakake kothak centhang kategori (Gambar, Dokumen, lsp.) utawa ekstensi khusus kanggo mbatesi jinis tartamtu adhedhasar kabutuhan sampeyan.
P: Kepiye carane mbatesi ukuran file?
Lebokna angka ing kolom "Ukuran Berkas Maksimum" (contone, 5 kanggo 5MB). Watesan iki ditrapake saben berkas, dudu ukuran unggahan total. Kosongna kanggo setelan standar server.
P: Apa bedane kategori lan ekstensi khusus?
Kategori iku klompok sing wis disetel (Gambar = kabeh jinis gambar, Dokumen = pdf/doc/txt). Ekstensi khusus ngidini sampeyan nemtokake format sing pas kaya .svg, .ai, .psd.
P: Kepriye cara kerjane seret lan selehake?
Aktifake "Aktifake Seret & Selehake" lan pangguna bisa nyeret file saka desktop langsung menyang area unggahan. Tombol tradisional "Pilih File" uga isih bisa digunakake.
P: Apa sing diarani pratinjau file?
Kanthi "Tampilake Pratayang Berkas" diaktifake, pangguna bisa ndeleng gambar cilik lan lambang berkas nganggo jeneng/ukuran kanggo kabeh berkas sing dipilih sadurunge dikirim.
P: Apa fungsi unggah otomatis?
Kanthi "Unggah Otomatis nalika Dipilih" diaktifake, file langsung bakal diunggah nalika dipilih, tinimbang ngenteni pangiriman formulir. Apik kanggo file gedhe.
P: Apa aku bisa mbutuhake jinis file tartamtu?
Inggih. Priksa kategori jinis file lan/utawa lebokake ekstensi khusus, banjur aktifake "Kolom sing Dibutuhake" kanggo meksa unggahan file kanthi watesan kasebut.
P: Kepiye carane aku mung nampa PDF?
Centhang kategori "Dokumen" yen sampeyan pengin kabeh jinis dokumen kalebu PDF, utawa ketik .pdf ing "Ekstensi Berkas Tertentu" kanggo unggahan PDF wae.
P: Apa sing kedadeyan yen file kasebut kegedhen?
Pangguna langsung weruh pesen kesalahan kaya "File ngluwihi watesan 5MB". Dheweke kudu milih file sing luwih cilik sadurunge ngirim formulir.
Apa file sing diunggah aman?
Inggih. Berkas wis divalidasi jinis lan ukurane, disimpen ing direktori unggahan WordPress kanthi ijin sing tepat, lan netepi standar keamanan WordPress.
P: Apa aku isa nampa gambar lan dokumen bebarengan?
Inggih. Priksa kategori "Gambar" lan "Dokumen". Pangguna bisa ngunggah kombinasi file gambar lan dokumen apa wae.
