Cara Menerima Unggahan Beberapa File di Formulir WordPress

Cara Menerima Unggahan Beberapa File di Formulir WordPress

Satu berkas saja tidak selalu cukup. Pelamar kerja perlu mengirimkan resume DAN surat lamaran. Tiket dukungan memerlukan beberapa tangkapan layar. Permintaan proyek memerlukan beberapa gambar referensi.

Upload banyak file Izinkan pengguna melampirkan beberapa file dalam satu pengiriman formulir—tidak perlu lagi mengirim lampiran melalui email secara terpisah.

Dalam panduan ini, Anda akan mempelajari cara mengkonfigurasi unggahan beberapa file di formulir WordPress Anda.

Saat Anda Membutuhkan Unggahan Banyak File

Kasus Penggunaan Umum

Lamaran pekerjaan

  • Lanjut
  • Sampul surat
  • Contoh portofolio
  • Spesifikasi

Dukungan Tiket

  • Beberapa tangkapan layar dari masalah tersebut
  • Log kesalahan
  • File konfigurasi

Klaim asuransi

  • Foto-foto kerusakan dari berbagai sudut
  • Laporan polisi
  • penerimaan

Permintaan Desain

  • Gambar referensi
  • Aset merek
  • Sketsa atau maket

Entri Kontes

  • Beberapa foto per entri
  • Serangkaian karya seni
  • Klip Video

Orientasi Klien

  • Kontrak
  • Dokumen ID
  • Registrasi Bisnis
  • Formulir pajak

Perumahan

  • Foto properti
  • Denah lantai
  • Laporan inspeksi

Unggahan Berkas Tunggal vs. Unggahan Berkas Ganda

Fitur File tunggal Banyak File
Berkas per bidang 1 2+
Gunakan kasing Foto profil, satu dokumen Portofolio, kumpulan dokumentasi
Pilihan pengguna Klik, pilih salah satu Klik, pilih beberapa (Ctrl/Cmd+klik)
Drag dan drop Jatuhkan satu file Seret beberapa file sekaligus
Kompleksitas Sederhana Membutuhkan batasan minimum/maksimum

Menyiapkan Unggahan Berkas Ganda

Berikut cara mengkonfigurasi unggahan beberapa file sekaligus. Pembuat Formulir Otomatis:

Langkah 1: Instal Auto Form Builder

  1. Pergi ke Plugins → Tambah Baru
  2. Pencarian untuk "A.F.B.” (singkatan dari Auto Form Builder)
  3. Temukan "AFB – Pembuat Formulir Otomatis – Pembuat Formulir Seret & Lepas"
  4. Klik menginstal Sekarang, kemudian Mengaktifkan

Langkah 2: Tambahkan Kolom Unggah File

  1. Buat atau edit formulir Anda
  2. Tarik Upload File kolom pada formulir Anda
  3. Klik untuk membuka pengaturan bidang

Langkah 3: Aktifkan Beberapa File

  1. Cari Izinkan Beberapa File Option
  2. Alihkan ON

Kolom ini sekarang menerima pemilihan beberapa file.

Langkah 4: Tetapkan Batas File

File Minimum

Membutuhkan sejumlah unggahan tertentu:

  • Contoh: Minimal 3 foto untuk mengikuti kontes.
  • Biarkan di angka 0 untuk tanpa minimum

Jumlah File Maksimum

Batasi jumlah unggahan:

  • Contoh: Maksimal 10 file untuk mencegah penyalahgunaan.
  • Melindungi penyimpanan server
  • Menjaga agar pengajuan tetap mudah dikelola.

Langkah 5: Konfigurasi Tipe File

Tentukan jenis file yang diizinkan:

  • Gambar: .jpg, .png, .gif, .webp
  • Dokumen: .pdf, .doc, .docx
  • Spreadsheet: .xls, .xlsx, .csv
  • Archives: .zip, .rar

Aktifkan hanya yang Anda butuhkan untuk kasus penggunaan tersebut.

Langkah 6: Tetapkan Batas Ukuran

Tentukan ukuran file maksimum:

  • Per berkas: Ukuran maksimum untuk setiap file individual (misalnya, 5MB)
  • Mempertimbangkan: Ukuran unggahan total = jumlah file maksimum × batas per file

Langkah 7: Sesuaikan Label

  • Label Bidang: “Unggah Dokumen” atau “Lampirkan File”
  • Teks Tombol: “Pilih File” atau “Tambah File”
  • Teks Bantuan: “Unggah hingga 5 file (PDF, DOC). Maksimal 10MB per file.”

Pengalaman Pengguna untuk Unggahan Berganda

Cara Pengguna Memilih Beberapa File

Metode Klik

  1. Pengguna mengklik tombol “Pilih File”
  2. Penjelajah berkas terbuka
  3. Pengguna menekan Ctrl (Windows) atau Cmd (Mac) dan mengklik beberapa file.
  4. Atau menggunakan Shift+klik untuk pemilihan rentang.
  5. Klik Terbuka

Drag dan Drop

  1. Pengguna memilih beberapa file di penjelajah file mereka.
  2. Menyeretnya ke zona unggahan
  3. Menghapus semua file sekaligus

Pilihan Ganda

  1. Pengguna mengklik untuk menambahkan batch pertama.
  2. Klik lagi untuk menambahkan lebih banyak file
  3. Berkas akan terus bertambah hingga batas yang ditentukan tercapai.

Pratinjau File

Tampilkan kepada pengguna apa yang telah mereka pilih:

  • Daftar nama file
  • Pratinjau gambar mini untuk gambar
  • tombol hapus individual
  • Ukuran file

Indikator Kemajuan

Untuk unggahan berukuran besar, tampilkan:

  • Bilah kemajuan pengunggahan
  • Status per berkas
  • Konfirmasi penyelesaian

Menetapkan Batasan yang Tepat

File Minimum

Contoh Minimum yang Disarankan
Lampiran umum 0 (opsional)
kontes Foto 1-3
Foto klaim asuransi 2-3
Pengajuan portofolio 3-5

Jumlah File Maksimum

Contoh Maksimum yang Disarankan
Tangkapan layar dukungan 5
Dokumen lamaran kerja 5
Pengajuan galeri foto 10-20
File proyek 10
Paket dokumen 10-15

Batas Ukuran File

Jenis konten Batasan Per File yang Disarankan
Dokumen (PDF, DOC) 5-10MB
Gambar (JPG, PNG) 5-10MB
Foto beresolusi tinggi 15-25MB
Video 50-100MB
Arsip (ZIP) 25-50MB

Beberapa Contoh Formulir Unggahan

Formulir Lamaran Pekerjaan

Konfigurasi Unggahan Berkas:

  • Label: “Dokumen Aplikasi”
  • Beberapa: Ya
  • Minimum: 1 (setidaknya melanjutkan)
  • Maksimum: 5
  • Jenis berkas: PDF, DOC, DOCX
  • Ukuran maks: 5 MB masing-masing
  • Teks bantuan: Unggah resume dan surat lamaran Anda (PDF atau Word). Anda juga dapat menyertakan contoh portofolio.

Formulir Dukungan Tiket

Konfigurasi Unggahan Berkas:

  • Label: “Tangkapan Layar / Lampiran”
  • Beberapa: Ya
  • Minimum: 0 (opsional)
  • Maksimum: 5
  • Jenis berkas: Gambar + PDF
  • Ukuran maks: 10 MB masing-masing
  • Teks bantuan: “Lampirkan tangkapan layar atau file yang membantu menjelaskan masalah tersebut (opsional).”

Entri Kontes Foto

Konfigurasi Unggahan Berkas:

  • Label: “Foto Kontes”
  • Beberapa: Ya
  • Minimum: 3
  • Maksimum: 5
  • Jenis berkas: JPG, PNG saja
  • Ukuran maks: 15 MB masing-masing
  • Teks bantuan: “Unggah 3-5 foto beresolusi tinggi. Format JPG atau PNG.”

Formulir Klaim Asuransi

Konfigurasi Unggahan Berkas:

  • Label: “Foto dan Dokumentasi Kerusakan”
  • Beberapa: Ya
  • Minimum: 2
  • Maksimum: 10
  • Jenis berkas: Gambar + PDF
  • Ukuran maks: 10 MB masing-masing
  • Teks bantuan: “Unggah setidaknya 2 foto kerusakan dari sudut yang berbeda. Sertakan dokumen terkait apa pun.”

Mengelola Pengiriman Beberapa File

Melihat Unggahan

Pada detail pengajuan, Anda akan melihat:

  • Daftar semua file yang diunggah
  • Nama dan ukuran file
  • Tautan unduhan untuk setiap file
  • Gambar mini (untuk file gambar)

Mengunduh File

  • Klik setiap file untuk mengunduhnya satu per satu.
  • Atau unduh semuanya sebagai ZIP (jika didukung)

Dalam Notifikasi Email

Tergantung pada konfigurasi:

  • Berkas terlampir pada email pemberitahuan
  • Atau tautan untuk mengunduh file.

Catatan: File berukuran besar/banyak mungkin melebihi batas lampiran email. Tautan lebih aman.

Dalam Ekspor CSV

Kolom file biasanya diekspor sebagai:

  • URL File (tautan untuk mengunduh)
  • Atau jalur file di server

Pertimbangan Server

Ruang penyimpanan

Mengunggah banyak file sekaligus akan menghabiskan lebih banyak ruang penyimpanan:

  • 10 pengguna × 5 file × 5MB = 250MB per hari
  • Pantau penggunaan disk.
  • Terapkan kebijakan kebersihan.

Batas Unggah

Pengaturan server dapat membatasi unggahan:

Pengaturan PHP

  • upload_max_filesize – Ukuran file tunggal maksimum
  • post_max_size – Total data POST maksimum
  • max_file_uploads – Jumlah file maksimum per permintaan

Pengaturan WordPress

Pengaturan media juga dapat membatasi unggahan.

Batasan Hosting

Shared hosting seringkali memiliki batasan yang lebih ketat daripada VPS atau dedicated server.

Masalah Batas Waktu

Unggahan banyak file berukuran besar mungkin akan mengalami batas waktu (timeout):

  • signifikan max_execution_time kalau mungkin
  • Gunakan unggahan bertahap/asinkron untuk file yang sangat besar.
  • Tetapkan batasan ukuran file yang realistis.

Praktik Terbaik

1. Tetapkan Harapan yang Jelas

Beri tahu pengguna di awal:

  • Berapa banyak file yang dapat mereka unggah?
  • Jenis file apa saja yang diterima?
  • Ukuran file maksimum

Contoh teks bantuan:
“Unggah hingga 5 file. Format yang diterima: PDF, JPG, PNG. Ukuran maksimum 10MB per file.”

2. Gunakan Batas yang Tepat

  • Jangan izinkan 100 file jika Anda hanya membutuhkan 5 file.
  • Seimbangkan kebutuhan pengguna dengan kapasitas server.
  • Lebih baik menerapkan pembatasan yang wajar.

3. Aktifkan fitur Seret dan Lepas

Membuat pemilihan beberapa file jauh lebih mudah daripada klik dan Ctrl.

4. Tampilkan Pratinjau File

Izinkan pengguna melihat apa yang telah mereka unggah:

  • Memastikan file yang dipilih sudah benar.
  • Memungkinkan penghapusan file yang salah
  • Mengurangi kesalahan

5. Sediakan Opsi Hapus

Pengguna harus dapat:

  • Hapus file satu per satu sebelum pengiriman.
  • Ganti file yang salah
  • Mulai lagi dari awal jika diperlukan.

6. Uji dengan File Asli

Sebelum peluncuran:

  • Unggah file sebenarnya yang akan dikirimkan pengguna.
  • Uji pada batas maksimal (jumlah file maksimum, ukuran maksimum)
  • Pastikan semua file muncul dalam pengajuan.
  • Periksa penanganan notifikasi email

7. Rencanakan Penyimpanan

  • Perkirakan kebutuhan penyimpanan berdasarkan volume yang diharapkan.
  • Tetapkan rutinitas pembersihan untuk pengajuan lama.
  • Pantau penggunaan disk.

Memecahkan Masalah Unggahan Ganda

Hanya Satu File yang Diunggah

Memeriksa:

  • Opsi beberapa file diaktifkan di pengaturan bidang.
  • Pengguna memilih beberapa file dengan benar (Ctrl/Cmd+klik)

Unggahan Gagal di Tengah Jalan

Kemungkinan penyebab:

  • Ukuran total melebihi batas server.
  • Waktu habis selama pengunggahan
  • Salah satu file dalam batch memiliki tipe yang tidak valid.

Solusi:

  • Mengurangi ukuran file
  • Unggah lebih sedikit file
  • Periksa pengaturan waktu habis server.

Berkas Hilang dari Pengajuan

Memeriksa:

  • Unggahan selesai sebelum pengiriman formulir.
  • Server tidak mengalami batas waktu (timeout).
  • File yang sesuai dengan batasan ukuran/tipe

Tidak Dapat Mengunduh File yang Diunggah

Memeriksa:

  • File-file tersebut ada di server.
  • Izin file yang benar
  • Jalur file dalam basis data sudah benar.

Pertimbangan Keamanan

Validasi Jenis File

  • Selalu batasi jenis file hanya pada yang Anda butuhkan.
  • Jangan izinkan file yang dapat dieksekusi (.exe, .php, .js)
  • Lakukan validasi di sisi klien dan server.

Lokasi penyimpanan

  • File harus disimpan di direktori yang dilindungi.
  • Tidak dapat diakses langsung melalui tebakan URL.
  • Pertimbangkan kontrol akses untuk dokumen sensitif.

Pemindaian Malware

Untuk aplikasi dengan tingkat keamanan tinggi:

  • Pindai file yang diunggah untuk mendeteksi malware.
  • Karantina file yang mencurigakan
  • Gunakan plugin keamanan

Pertanyaan yang Sering Diajukan

Berapa banyak file yang dapat diunggah pengguna sekaligus?

Anda mengontrol ini dengan pengaturan jumlah file maksimum. Pengaturan server (max_file_uploads) juga memberlakukan batasan—biasanya 20 secara default.

Apakah pengguna dapat menambahkan file setelah pemilihan awal?

Ya, sebagian besar implementasi memungkinkan untuk mengklik lagi untuk menambahkan lebih banyak file hingga batas tercapai.

Apa yang terjadi jika satu berkas gagal divalidasi?

Biasanya, file yang tidak valid akan ditolak dengan pesan kesalahan, tetapi file yang valid mungkin masih diterima. Perilaku bervariasi tergantung pada implementasi.

Bisakah saya meminta setidaknya X file?

Ya, atur opsi jumlah file minimum. Pengguna tidak dapat mengirimkan tugas sampai mereka mengunggah setidaknya sejumlah file tersebut.

Apakah beberapa file sekaligus akan mengurangi kuota penyimpanan hosting saya?

Ya, semua file yang diunggah akan menggunakan penyimpanan server. Pantau penggunaan dan terapkan kebijakan pembersihan.

Ringkasan

Mengonfigurasi unggahan beberapa file:

  1. Aktifkan beberapa file di pengaturan kolom unggahan file
  2. Tetapkan file minimum jika jumlah tertentu diperlukan
  3. Tetapkan jumlah file maksimum untuk mencegah penyalahgunaan dan mengelola penyimpanan
  4. Konfigurasi tipe file – hanya izinkan apa yang Anda butuhkan
  5. Tetapkan batas ukuran sesuai dengan jenis konten
  6. Tambahkan teks bantuan yang jelas. menjelaskan batasan kepada pengguna
  7. Aktifkan fitur seret dan lepas. untuk pengalaman pengguna yang lebih baik
  8. Tes secara menyeluruh sebelum diluncurkan

Kesimpulan

Unggahan banyak file mengubah formulir Anda dari sekadar pengumpulan data menjadi pengumpulan dokumen yang komprehensif. Lamaran pekerjaan, tiket dukungan, klaim asuransi—skenario apa pun di mana satu file tidak cukup.

Pembuat Formulir Otomatis Mempermudah konfigurasi unggahan banyak file. Aktifkan opsi ini, tetapkan batasan Anda, pilih jenis file yang diizinkan, dan Anda siap menerima paket dokumen, kumpulan foto, dan pengiriman multi-file.

Siap menerima beberapa file? Unduh Pembuat Formulir Otomatis dan konfigurasikan unggahan beberapa file hari ini.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *