by 
Dengan Dropzone CodeIgniter, pengguna dapat mengunggah file hanya dengan menyeret dan menjatuhkannya (drag & drop), memberikan pengalaman yang modern dan intuitif. Dropzone.js adalah pustaka JavaScript populer yang mudah diintegrasikan dengan CodeIgniter.
Menyiapkan Dropzone di View
Cukup beri sebuah form kelas dropzone, dan Dropzone.js otomatis mengubahnya menjadi area drag & drop:
<form action="<?= base_url('upload/proses') ?>" class="dropzone" id="myDropzone"></form>
<script>
Dropzone.options.myDropzone = {
paramName: "file", // nama parameter file
maxFilesize: 2, // MB
acceptedFiles: ".jpg,.png,.pdf"
};
</script>
Membuat Controller Upload
Controller menerima file yang dikirim Dropzone dan memprosesnya seperti upload biasa:
<?php
public function proses() {
$config['upload_path'] = './uploads/';
$config['allowed_types'] = 'jpg|png|pdf';
$config['encrypt_name'] = TRUE;
$this->load->library('upload', $config);
if ($this->upload->do_upload('file')) {
echo json_encode(array('status' => 'sukses'));
} else {
echo json_encode(array('status' => 'gagal'));
}
}
?>
Poin Penting
Perhatikan bahwa paramName di Dropzone (“file”) harus sama dengan nama yang dipakai di do_upload('file'). Jika berbeda, upload akan gagal.
Kesimpulan
Integrasi Dropzone CodeIgniter memberikan antarmuka upload yang menarik tanpa banyak kode. Cukup arahkan form Dropzone ke controller upload Anda, dan pastikan nama parameternya cocok.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi CodeIgniter.
