Membuat File Upload Drag and Drop menggunakan DropzoneJS dan PHP - Mexious Media | News, Media IT & Share Knowledge
BLANTERWISDOM101

Membuat File Upload Drag and Drop menggunakan DropzoneJS dan PHP

Monday, 30 October 2017

Assalamualaikum wr.wb

  Hai Sahabat Mexious ! Kali Ini saya akan memberikan artikel mengenai cara membuat upload drag, kali ini menggunakan DropzoneJS Ya Masih Ada Keterkaitannya dengan Javascript <3 hahaha oke langsung saja ke step by step nya...


Pertama, Kalian membutuhkan file dropzone.css dan dropzone.js, bagi sobat yang belum tahu dimana mendapatkan file-file tersebut. Sobat bisa mendapatkannya langsung di http://www.dropzonejs.com/ dan untuk dropzone.css, bisa download di http://rifky.ml/dropzone.css


Sekarang, buat tiga buah folders.
-Folder yang pertama adalah folder js yang mana file dropzone.js akan disimpan pada folder itu,
-Folder yang kedua adalah folder css, seperti js. dropszone.css juga disimpan di folder css.
-Dan yang ketiga adalah folder uploads/ yang berfungsi untuk menyimpan file-file yang diupload.


Kedua, Buat database dengan nama upload_draganddrop, lalu buat table files seperti dibawah ini





Ketiga, Buat code html nya di "index.html", yang berisi code menyisipkan dropzone.js dan dropzone.css dan juga form untuk uploadnya



Terakhir, Setelah itu buat file "upload.php" untuk memproses file yang diupload





Nah Itu dia cara membuat Upload Drag and Drop menggunakan DropzoneJS dan PHP. Update terus blog mexious dan dapatkan informasi menarik seputar dunia IT

Wassalamualaikum wr.wb
Share This :
Muhammad Rifky Abimayu

Author Mexious Media. Mexious Media merupakan sebuah organisasi yang bergerak dibidang dunia IT, terutama untuk para DevOps & Programmer. Kami juga membuat banyak applikasi, yaitu WHOIS Tools & FreeDDNS .

Mohon Berkomentar Untuk Sopan Dan Tidak Menggunakan Link Aktif