Oke mungking cara upload delete dengan Ajax jQuery sudah banyak yang menulis atau membicarakan ini, tidak apa masih banyak juga yang belum tau, dimana yang kursus web design contohkan disini juga bagaimana cara upload sebuah file, dan seperti apa menghapus menggunakan unlink, dan disini juga saya belum menggunakan database ya, jadi gambar di upload masuk ke directory folder yang saya sudah siapkan, oke jadi seperti simak terus ya teman-teman.

Cara upload file memang sedikit berbeda tidak seperti kita memasukan sebuah data, dimana yang kita tau ketika kita memasukan sebuah data atau upload gambar, kita harus mengetahui file apa saja yang di upload apa bertype gambar, file document atau file lainya.

Maka dari itu ketika upload file ada sedikit tambahan kode tidak seperti inputan form lainya, dan ketika kita upload, kita juga bisa membatasi, maksudanya membatasi disini adalah ketika kita upload yang ingin kita upload itu hanya berupa file gambar, tidak boleh file lain. Oke sudah paham ya, dan untuk cara upload delete ini caranya cukup mudah karena disini kita akan menggunakan ajax jQuery, seperti apa silahkan teman-teman kursus web design perhatikan kode dibawah ini

Disini untuk tampilannya saya hanya menampilkan judul, tempat upload dan tempat untuk menampilkannya saja ya, dan disini saya menggunakan bootstrap, oke untuk ajaxnya karena saya menggunakan 2 proses dimana ada proses untuk uploadnya dan ada proses deletenya maka dibuat seperti ini

Cara Mudah upload delete dengan Ajax jQuery

dan setiap proses ajax kita buat yang berbeda ya ada upload.php dan ajax, seperti yang kita lihat di atas untuk proses file kita gunakan new formData(this) jangan lupa ini yang terpenting oke langsung aja kita lihat proses web servicenya upload

Cara Mudah upload delete dengan Ajax jQuery

dan untuk proses uploadnya yang perlu terman-teman perhatikan disini saya membuat proses tidak di izinkan file selain file bertype gambar dan disini saya membuat variable path untuk memasukan ke attribute button remove dimana gunakan untuk proses deletenya nanti, oke sekarang kita lihat porses deletenya

Seperti yang kami kursus web design tulis di atas, disini saya menggunakan unlink dimana unlink ini berfungsi untuk menghapus file yang kita tuju, jadi saat proses upload itu berhasil file akan masuk ke directory images, lalu ketika kita gunakan unlink ini file yang kita tuju yang di dapatkan dari attribute data akan terhapus, jika tidak percaya silahkan teman-teman cek sendiri, Oke saya rasa cukup mudah ya untuk sebuah cara upload delete dengan Ajax jQuery semoga bermanfaat dan sampai jumpa pada atikel selanjutnya terimakasih.

WhatsApp chat