Mengupload gambar merupaka kegiatan yang akan sering kita lakukan mengingat website yang menarik tentunya mempunyai gambar yang menarik pula. Karena lewat gambar, hal yang tidak bisa disampaikan melalui kata-kata dapat disalurkan dengan penjelasan dari gambar tersebut. Seperti misalnya kalian adalah seorang yang suka traveling, dan ingin membagikan pengalaman kalian lewat tulisan dan gambar sebagai penghias artikel kita pada website. Maka dari itu proses upload gambar tidak bisa dipisahkan.

Berbicara mengenai upload gambar, ada plugin yang dapat membantu kalian mempermudah pengupload-an gambar dengan Dropzone plugin. Yap, kita akan belajar bagaimana cara upload gambar dengan Dropzone Plugin. Cara upload gambar ini terbilang menarik karena cara cukup tarik gambar tersebut dari folder ke website kalian. Seperti halnya kalian memindahkan file dari folder satu ke folder lainya. Sehingga lebih memudahkan kita untuk langsung menaruh file yang ingin kita upload.

Lalu bagaimana cara menggunakanya ?

Pertama-tama kalian harus mendownload file dropzone pluginnya terlebih dahulu diwebsitenya. Website di http://www.dropzonejs.com/#installation .

Dropzone juga memberikan demonya. Kalian bisa lihat demonya di http://www.dropzonejs.com/examples/simple.html . Kalian bisa download file yang dibutuhkan seperti file dropzone.js dan dropzone.css pada demo tersebut. Caranya cukup klik kanan view source page dan klik link untuk dropzone.js dan dropzone.css. Isi filenya kalian copy dan simpan dalam folder kalian. Jika sudah sekarang saatnya membuat file htmlnya.

upload.html

Setelah sudah kalian simpan. Jadi nanti struktur foldernya akan seperti ini.

Sekarang lihat hasilnya dengan membuka file tersebut di browser kalian.

kalian bisa coba tarik file gambar kalian ke dalam kotak seperti gambar diatas. Jika berhasil maka nanti tampilanya akan seperti ini.

Mudah bukan ?.

Kalian bisa modifikasi untuk proses upload gambar tersebut kedalam database kalian. Karena dropzone.js ini hanya berfungsi sebagai pemanis tampilan saat proses upload gambar. Jadi belum ada fungsi phpnya ya.

Sekian pembahasan mengenai cara upload gambar dengan dropzone plugin. Semoga bermanfaat.