Bidang Unggah File
Kumpulkan dokumen, gambar, dan file dengan percaya diri. Mulai dari resume hingga foto dengan unggahan seret dan lepas, pembatasan jenis file, batasan ukuran, dan pratinjau instan – kolom Unggah File menyediakan pengumpulan file yang aman dengan UX modern dan validasi komprehensif.
Koleksi File Profesional dengan Validasi Cerdas
Sempurna untuk:
Fitur Canggih untuk Setiap Kebutuhan
📤 Unggahan Banyak File
Berkas Tunggal atau Beberapa Berkas:
Izinkan pengguna mengunggah hanya satu file atau aktifkan pengunggahan beberapa file sekaligus. Pengguna dapat memilih beberapa file sekaligus atau menambahkan file satu per satu.
- Manajemen Berkas Cerdas:
- Tambahkan file secara bertahap.
- Hapus file satu per satu sebelum pengiriman.
- Lihat semua file yang dipilih beserta nama dan ukurannya.
- Indikasi yang jelas tentang jumlah unggahan.
Kontrol File Minimum/Maksimum:
Saat pengunggahan banyak file diaktifkan, tetapkan jumlah file minimum dan maksimum. Anda dapat mewajibkan minimal 2 file, membatasi hingga 10 file, atau rentang apa pun yang sesuai dengan kebutuhan Anda.
contoh:
- Pengiriman resume: 1 file saja
- Galeri foto: Minimal 3, maksimal 10 gambar
- Paket dokumen: Minimal 2, Maksimal 5 file
- Portofolio: Minimal 1, Maksimal 20 file
🎯 Pembatasan Jenis File
7 Kategori yang Telah Dikonfigurasi Sebelumnya:
Foto – jpg, png, gif, dan semua format gambar
Sempurna untuk foto, logo, tangkapan layar, dan konten visual.
Documents – pdf, doc, docx, txt, odt
Ideal untuk resume, laporan, kontrak, dan dokumen teks.
Spreadsheets – xls, xlsx, csv, ods
Untuk berkas data, anggaran, laporan, dan perhitungan.
Presentasi – ppt, pptx, odp
Slide presentasi, proposal, dan laporan visual.
Arsip – zip, rar, 7z, tar, gz
File terkompresi, paket file, dan cadangan.
Audio – mp3, wav, dan semua format audio
Berkas musik, rekaman suara, dan klip suara.
Video – mp4, mov, dan semua format video
Berkas video, rekaman, dan konten multimedia.
Campur & Cocokkan:
Pilih beberapa kategori untuk menerima berbagai jenis file. Aktifkan Gambar + Dokumen untuk menerima foto dan PDF.
📝 Ekstensi File Kustom
Tentukan Jenis File yang Tepat:
Di luar 7 kategori tersebut, tentukan ekstensi file spesifik yang ingin Anda terima. Masukkan ekstensi khusus yang dipisahkan oleh koma.
contoh:
- `.jpg, .png, .pdf` – Hanya foto dan PDF
- `.docx, .pdf, .txt` – Format dokumen spesifik
- `.ai, .psd, .sketch` – File desain
- `.dwg, .dxf` – berkas CAD
- `.sql, .db` – File basis data
Kontrol Sempurna:
Gabungkan kotak centang kategori dengan ekstensi khusus untuk kontrol tipe file yang tepat. Terima kategori Gambar plus `.svg` untuk dukungan gambar yang lengkap.
🖼️ Pratinjau File
Umpan Balik File Visual:
Aktifkan “Tampilkan Pratinjau File” untuk menampilkan thumbnail gambar dan ikon file untuk jenis file lainnya. Pengguna dapat melihat persis apa yang telah mereka pilih sebelum mengirimkan.
Fitur Pratinjau:
- Gambar mini untuk foto
- Ikon tipe berkas untuk dokumen
- Tampilan nama dan ukuran file
- Tombol hapus untuk setiap file
Konfirmasi unggahan visual
Pengalaman Pengguna yang Lebih Baik:
Pratinjau mengkonfirmasi pemilihan file yang berhasil, mengurangi kesalahan, dan memberikan keyakinan bahwa file yang tepat telah dilampirkan.
🎨 Teks Tombol Kustom
Personalisasikan Pengalaman Unggah:
Ubah teks tombol unggah dari “Pilih File” menjadi teks apa pun yang sesuai dengan konteks formulir Anda.
contoh:
- “Unggah Resume”
- “Pilih Foto”
- “Lampirkan Dokumen”
- “Tambahkan File”
- “Jelajahi File”
- “Pilih Gambar”
Bahasa Kontekstual:
Sesuaikan teks tombol dengan apa yang diunggah pengguna untuk instruksi yang lebih jelas dan pengalaman pengguna yang lebih baik.
🔐 Keamanan Terintegrasi
Validasi File Otomatis:
Semua file yang diunggah divalidasi berdasarkan jenis dan ukuran sebelum diproses. File berbahaya akan ditolak secara otomatis.
Lapisan Keamanan:
- Validasi tipe file (ekstensi dan tipe MIME)
- Batasan ukuran file diberlakukan
- Validasi ulang sisi server
- Standar keamanan WordPress
- Nama file yang telah disanitasi
Penanganan File yang Aman:
File disimpan dengan aman menggunakan direktori unggahan WordPress dengan izin dan langkah-langkah keamanan yang tepat.
🔀 Logika Bersyarat
Bidang Unggahan Dinamis:
Tampilkan atau sembunyikan kolom unggahan file berdasarkan nilai formulir lainnya. Tampilkan opsi unggahan hanya jika relevan dengan pilihan pengguna.
Aturan Logika Tingkat Lanjut:
- Logika AND – Semua kondisi harus terpenuhi
- Logika OR – Kondisi apa pun dapat memicu tindakan.
- 8 Operator – Sama dengan, Tidak sama dengan, Lebih besar dari, Lebih kecil dari, Berisi, Kosong, dan lainnya
🎯 Pengalaman Pengguna yang Ditingkatkan
Fitur Cerdas Terintegrasi:
- Daftar File yang Dipilih – Lihat semua file yang dipilih beserta nama dan ukurannya
- Hapus File Individual – Hapus file sebelum pengiriman
- Kemajuan Pengunggahan – Umpan balik visual selama pengunggahan (dengan pengunggahan otomatis)
- Hapus Pesan Kesalahan – Kesalahan validasi spesifik beserta panduannya
- Tampilan Jumlah File – Menampilkan jumlah file yang dipilih
- Validasi yang Diperlukan – Wajibkan pengunggahan file
- Bantuan Teks Dukungan – Tambahkan deskripsi tentang persyaratan file
- Kelas CSS Kustom – Terapkan gaya kustom
- Dukungan Aksesibilitas – Kompatibel dengan navigasi keyboard dan pembaca layar
- Dioptimalkan untuk Seluler – Pemilih file bawaan pada perangkat seluler
📏 Batasan Ukuran File
Kontrol Ukuran Unggahan:
Tetapkan ukuran file maksimum per file dalam megabyte (MB). Cegah unggahan yang terlalu besar yang dapat memperlambat pengiriman atau melebihi batas server.
Batasan Fleksibel:
- File kecil: 1-2 MB untuk dokumen
- Standar: 5 MB untuk unggahan umum
- Gambar: 10 MB untuk foto
- File berukuran besar: 50 MB ke atas untuk video atau arsip.
Validasi Per-Berkas:
Batas ukuran berlaku untuk setiap file individual, bukan ukuran total unggahan. Pengguna dapat mengunggah 5 file masing-masing berukuran 5MB jika Anda menetapkan batas 5MB.
Umpan Balik yang Jelas:
Pengguna akan melihat kesalahan ukuran file tepat sebelum pengiriman dengan pesan khusus seperti "Ukuran file melebihi batas 5MB."
⚡ Unggah Otomatis saat Dipilih
Opsi Unggah Instan:
Aktifkan “Unggah Otomatis saat Dipilih” untuk memulai pengunggahan file segera setelah dipilih, alih-alih menunggu pengiriman formulir.
Manfaat:
- Performa yang dirasakan lebih cepat
- Unggah file berukuran besar sementara pengguna mengisi kolom lainnya.
- Konfirmasi unggahan langsung
- Umpan balik kemajuan selama pengunggahan
Gunakan Kasus:
- Pengiriman file berukuran besar (video, arsip)
- Formulir multi-langkah di mana file diunggah lebih awal.
- Formulir dengan banyak kolom yang harus diisi.
- Pengalaman pengguna yang lebih baik untuk koneksi lambat.
🎨 Unggah dengan Seret & Lepas
Pemilihan File Modern:
Aktifkan fitur seret dan lepas agar pengguna dapat menyeret file langsung dari desktop atau penjelajah file mereka ke area unggah. Tidak perlu menjelajah.
Metode Unggah Ganda:
- Tombol “Pilih File” tradisional
- Seret file langsung ke zona unggahan.
- Kedua metode tersebut bekerja secara bersamaan.
Umpan Balik Visual:
Area unggahan akan disorot saat file diseret ke atasnya, memberikan indikasi visual yang jelas tentang zona jatuhkan.
Kompatibel Seluler:
Berfungsi di desktop dengan fitur seret dan lepas sepenuhnya. Beralih ke pemilih file standar pada perangkat seluler.
Pengaturan Sederhana dalam 3 Langkah
Siapkan kolom unggahan file Anda dalam hitungan menit.
Tambahkan Kolom Unggah File
Seret dan lepas kolom Unggah File dari bagian Kolom Dasar ke dalam formulir Anda.
Tetapkan Pembatasan File
Pilih jenis file yang diizinkan (Gambar, Dokumen, dll.), tetapkan ukuran file maksimum (misalnya, 5MB), dan aktifkan beberapa file jika diperlukan dengan jumlah minimum/maksimum.
Aktifkan Fitur Modern
Aktifkan fitur seret dan lepas untuk unggahan yang lebih mudah, aktifkan pratinjau file untuk umpan balik visual, dan sesuaikan teks tombol agar sesuai dengan konteks formulir Anda.
🎉 Selesai! Kolom unggahan file Anda sudah siap dengan validasi cerdas dan UX modern.
Aplikasi Dunia Nyata
Lamaran pekerjaan
* Unggah resume/CV (PDF, DOCX)
* Lampiran surat lamaran
* Pengiriman berkas portofolio
* Unggahan dokumen referensi
Kiriman Foto
* Entri kontes (beberapa gambar)
* Foto-foto daftar properti
* Fotografi produk
* Unggahan foto acara
Dokumen Bisnis
* Berkas permintaan penawaran
* Pengajuan kontrak
* Unggahan faktur
* Dokumen proposal
Pendidikan
* Pengumpulan tugas
* Unggahan transkrip
* Dokumen sertifikat
* Pengajuan berkas proyek
Dukungan Tiket
* Lampiran tangkapan layar
* File log kesalahan
* File konfigurasi
* Dokumen diagnostik
Portofolio Kreatif
* Pengajuan berkas desain
* Unggahan portofolio video
* Contoh audio
* Contoh karya kreatif
Opsi Bidang Lengkap
Konfigurasi Dasar
- Label Kolom – Judul yang ditampilkan di atas kolom unggahan file
- Deskripsi/Teks Bantuan – Panduan tambahan tentang persyaratan file
- Kolom Wajib Diisi – Wajibkan pengunggahan file
- Tempat penampung – Tidak berlaku untuk unggahan file
Banyak File
Izinkan Beberapa File – Izinkan pengguna mengunggah lebih dari satu file sekaligus.
- Saat beberapa file diaktifkan:
- Jumlah File Minimum – Jumlah file paling sedikit yang dibutuhkan (misalnya, 1)
- Jumlah Maksimum File – Jumlah file terbanyak yang dapat diunggah pengguna (misalnya, 10)
Jenis File yang Diizinkan
Kategori yang Sudah Dikonfigurasi (pilih kombinasi apa saja):
- Gambar (jpg, png, gif)
- Dokumen (pdf, doc, txt)
- Lembar kerja (xls, csv)
- Presentasi (ppt, pptx)
- Arsip (zip, rar)
- Audio (mp3, wav)
- Video (mp4, mov)
Ekstensi File Tertentu
Masukkan tipe file kustom yang dipisahkan oleh koma (misalnya, `.jpg, .png, .pdf, .docx`)
Kontrol Ukuran File
- Ukuran File Maksimum – Ukuran maksimum untuk setiap file yang diunggah dalam megabyte (MB)
- Masukkan angka seperti 5 untuk batas 5MB.
- Biarkan kosong jika tidak ada batasan (menggunakan pengaturan default server)
- Diterapkan per file, bukan ukuran unggahan total.
Pengguna Pengalaman
- Tampilkan Pratinjau File – Menampilkan thumbnail untuk gambar dan ikon untuk file lainnya.
- Aktifkan fitur Seret & Lepas – Izinkan pengguna menyeret file langsung ke formulir.
- Teks Tombol Unggah – Sesuaikan teks tombol (default: “Pilih File”)
- Unggah Otomatis Saat Dipilih – Mulai mengunggah file segera setelah dipilih (alih-alih menunggu pengiriman formulir)
Logika Bersyarat
- Aktifkan Logika Bersyarat – Tampilkan/sembunyikan berdasarkan kondisi
- Tipe Logika
- Semua syarat harus dipenuhi (DAN)
- Syarat apa pun dapat dipenuhi (ATAU)
- Aturan Kondisi
- Tampilkan/Sembunyikan – Tindakan yang harus diambil
- Kolom – Kolom mana yang perlu diperiksa
- Operator – Sama dengan, Tidak sama dengan, Mengandung, Lebih besar dari, Lebih kecil dari, Kosong, Tidak kosong
- Nilai – Nilai perbandingan
- Beberapa Kondisi – Tambahkan aturan tanpa batas
Opsi Lanjutan
- Kolom Tersembunyi – Membuat kolom tidak terlihat (tidak disarankan untuk unggahan file)
- Kelas CSS Kustom – Terapkan gaya kustom
- Atribut Aksesibilitas – Label ARIA untuk pembaca layar
Mengapa Memilih Kolom Unggah File Kami?
✅ Banyak File – Unggahan tunggal atau ganda dengan kontrol minimal/maksimal.
✅ Pembatasan Cerdas – 7 kategori file plus ekstensi khusus
✅ Batasan Ukuran – Tetapkan ukuran maksimum per file dalam MB
✅ Seret & Lepas – Pengalaman pemilihan file modern
✅ Pratinjau File – Konfirmasi visual dengan gambar mini
✅ Aman – Validasi bawaan dan keamanan WordPress
✅ Unggah Otomatis – Unggahan instan opsional saat dipilih
✅ Ramah Pengguna – Umpan balik dan pesan kesalahan yang jelas
✅ Terintegrasi Sepenuhnya – Bekerja dengan lancar dengan semua fitur formulir
Pertanyaan yang Sering Diajukan
T: Berapa banyak file yang dapat diunggah pengguna?
Secara default, hanya satu file yang diunggah. Aktifkan "Izinkan Beberapa File" agar pengguna dapat mengunggah beberapa file. Tetapkan batas minimum/maksimum, misalnya minimal 1 file, maksimal 10 file, untuk pengunggahan massal yang terkontrol.
T: Jenis file apa saja yang didukung?
Semua jenis file didukung secara default. Gunakan kotak centang kategori (Gambar, Dokumen, dll.) atau ekstensi khusus untuk membatasi jenis file tertentu sesuai kebutuhan Anda.
T: Bagaimana cara membatasi ukuran file?
Masukkan angka pada kolom “Ukuran File Maksimum” (misalnya, 5 untuk 5MB). Batas ini berlaku per file, bukan total ukuran unggahan. Biarkan kosong untuk pengaturan default server.
T: Apa perbedaan antara kategori dan ekstensi kustom?
Kategori adalah grup yang sudah ditentukan sebelumnya (Gambar = semua jenis gambar, Dokumen = pdf/doc/txt). Ekstensi khusus memungkinkan Anda menentukan format yang tepat seperti .svg, .ai, .psd.
T: Bagaimana cara kerja fitur seret dan lepas (drag-and-drop)?
Aktifkan “Aktifkan Seret & Lepas” dan pengguna dapat menyeret file dari desktop mereka langsung ke area unggah. Tombol “Pilih File” tradisional juga masih berfungsi.
T: Apa itu pratinjau file?
Dengan mengaktifkan “Tampilkan Pratinjau File”, pengguna dapat melihat thumbnail gambar dan ikon file beserta nama/ukuran untuk semua file yang dipilih sebelum pengiriman.
T: Apa fungsi unggahan otomatis?
Dengan fitur “Unggah Otomatis saat Dipilih” diaktifkan, file akan mulai diunggah segera setelah dipilih, tanpa menunggu pengiriman formulir. Sangat cocok untuk file berukuran besar.
T: Dapatkah saya meminta jenis file tertentu?
Ya. Periksa kategori jenis file dan/atau masukkan ekstensi khusus, lalu aktifkan “Kolom Wajib” untuk memaksa pengunggahan file dengan batasan tersebut.
T: Bagaimana cara agar saya hanya menerima file PDF?
Centang kategori “Dokumen” jika Anda menginginkan semua jenis dokumen termasuk PDF, atau masukkan .pdf di “Ekstensi File Spesifik” untuk unggahan khusus PDF.
T: Apa yang terjadi jika ukuran file terlalu besar?
Pengguna akan langsung melihat pesan kesalahan seperti “Ukuran file melebihi batas 5MB”. Mereka harus memilih ukuran file yang lebih kecil sebelum mengirimkan formulir.
Apakah file yang diunggah aman?
Ya. File divalidasi berdasarkan jenis dan ukuran, disimpan di direktori unggahan WordPress dengan izin yang tepat, dan mengikuti standar keamanan WordPress.
T: Bisakah saya menerima gambar dan dokumen secara bersamaan?
Ya. Periksa kategori “Gambar” dan “Dokumen”. Pengguna dapat mengunggah kombinasi file gambar dan dokumen apa pun.
