Seperti yang kita ketahui drag dan drop itu adalah dimana kita bisa membuat proses upload file selain menggunakan input type file, seperti halnya teman-teman kursus web design private online mengcopy sebuah file dari satu folder ke folder lain tanpa copy tapi teman-teman sejajarkan windows exploler lalu teman-teman pilih file yang mau di copy lalu tekan tahan dan drag, sama seperti itu, tapi disini kita ingin menggunakan drag and drop untuk sebuah upload file, seperti apa simak terus ya teman-teman.

dengan menggunakan cara upload file drag dan drop ini kita tidak perlu menggunakan sebuah form, keren bukan, tetapi karena disini kita menggunakan drag pastinya ada sesuatu yang di tambahkan jadi tidak seperti input type file biasa ya, yang hanya membutuhkan formdata, dan perlu teman-teman ingat lagi mengupload file itu beda dengan membuat sebuah proses dengan inputan biasa ya, oke langsung saja seperti apa caranya, silahkan teman-teman ikutin kode di bawah ini

disini kenapa kursus web design private online menggunakan sebuah dragover dan dragleave karena disin efek itu akan keliatan ketika kita melakukan proses drag and dropnya, jika menggunakan hover tidak akan terlihat efeknya dana ada sebuah kode:

ini adalah sebuah proses saat drag and dropnya, lalu data file list itu di masukan ke dalam formdata lalu di prosesnya, oke sekarang kita lihat kedalam webservicenya

Jangan lupa juga teman-teman harus membuat sebuah folder upload ya, untuk sebuah wadah gambar yang kita upload, oke sekarang kita lihat hasilnya

Cara Upload file dengan drag and drop

oke gambar di atas adalah ketika saya ingin mengupload 3 file gambar sekaligus maka teman-teman tinggal mengklik file lain dengan ctrl + klik jika sudah tahan lalu pindahkan ke proses yang ada pada gambar sebelah kiri, jika berhasil maka gambar tersebut akan tampil di bawah, bagaimana keren bukan begitulah Cara Upload file dengan drag and drop semoga bermanfaat dan sampai jumpa pada artikel dari kami kursus privat web design online berikutnya terimkasih.