Haloo teman-teman Dumet school. Kembali lagi dengan saya di kursus web design. Nah sekarang saya akan melanjutkan pembahasan tentang cara Membuat Upload File Gambar Dengan Ajax Javascript Part2. Sebelumnya kita sudah sempat membuat struktur htmlnya dan beberapa selector yang nanti akan kita gunakan untuk membuat fungsi klik dengan menggunakan ajax javascript.

Sekarang untuk dapat Membuat Upload File Gambar Dengan Ajax Javascript Part2 kita buat function click dengan menggunakan Ajax javascript seperti kode di bawah ini. Teman-teman bisa lanjutkan di bawah script kemarin yang sudah kita buat.

Nah disini teman-teman bisa perhatikan saya membuat fungsi klik dimana saya hilangkan sifat asli dari form dengan menggunakan preventDefault()  lalu saya tambahkan value form dari input type file dengan fungsi append dan baru saya melakukan method open dengan post ke file upload.php yang ada di dalam folder src dan saya melakukan send data. Langkah selanjutnya saya cek status dari ajax javascriptnya. jika sudah oke maka selanjutnya saya parse terlebih dahulu datanya untuk saya pakai dalam membuat kondisi untuk pesan sukses dan errornya, dimana pesan sukses dan errornya saya berikan settimeout. Nah langkah terakhir kita tinggal buat script upload phpnya dengan nama file upload.php. berikut scriptnya ya teman-teman.

Jika teman-teman simpan kemudian jalankan di browser masing-masing maka tampilan errornya akan seperti pada gambar di bawah ini.

Membuat Upload File Gambar Dengan Ajax Javascript Part2

Dan tampilan pesan suksesnya akan seperti pada gambar di bawah ini.

Membuat Upload File Gambar Dengan Ajax Javascript Part2

Demikian artikel tentang cara Membuat Upload File Gambar Dengan Ajax Javascript Part2. Semoga dapat bermanfaat buat teman-teman dan selamat mencoba teman-teman.