Upload File Dengan Dropzone di Codeigniter

Upload File Dengan Dropzone di Codeigniter

Upload File Dengan Dropzone di Codeigniter – Dalam posting ini, kita akan belajar upload file dengan drag and drop menggunakan dropzone.js dan Framework Codeigniter 3.

Dropzone.js hadir dengan CSS dan Javascript yang bagus dan memudahkan untuk bekerja dengan API upload file HTML 5. Ini memberi Anda wadah input file yang dapat digunakan user untuk menarik dan melepas file atau cukup klik wadah untuk memilih beberapa file.

Browser yang Didukung?

Berdasarkan dokumentasinya, Dropzone.js berfungsi di:

Chrome 7+
Firefox 4+
IE 10+
Opera 12+ (Saat ini dinonaktifkan untuk MacOS karena API mereka bermasalah)
Safari 5+

Untuk browsers lain, dropzone menyediakan old-school file input fallback.

Bagaimana Cara Mengimplementasikan di Codeigniter?

1. Pertama download dulu CodeIgniternya… 🙂
2. Download dropzone.js dari https://github.com/enyo/dropzone , ekstrak zip didalam folder root codeigniter anda.
3. Buat file controller dengan nama dropzone.php kemudian lengkapi dengan code berikut.

4. Buat tampilan File Disebut dropzone_view.php dalam views. lengkapi dengan code berikut!

Saya harap tutorial ini membantu Anda, jangan lupa untuk memberi kami umpan balik Anda dalam komentar.

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *