Pada pembahasan kemarin tentang Cara Mengupload File Gambar Dengan Menggunakan AngularJs Part1 kita sudah membuat database untuk menyimpan data yang sudah di upload, membuat struktur html untuk melakukan upload gambar dan membuat script angularjs untuk melakukan proses upload file gambarnya.  Dan pada artikel Cara Mengupload File Gambar Dengan Menggunakan AngularJs Part2 kita akan membuat file terakhir untuk menyelesaikan upload gambar dengan nama post.php

File post.php ini berisi perintah upload gambar agar gambar yang di upload masuk ke dalam folder yang sudah kita sediakan. Dan kebetulan saya sudah membuat folder dengan nama upload untuk menyimpan gambar hasil uploadnya, selain itu di dalam post.php juga terdapat request untuk melakukan simpan data ke dalam database yang pada part 1 sudah kita buat.

Untuk menyelesaikan Cara Mengupload File Gambar Dengan Menggunakan AngularJs Part2, teman-teman bisa buat script di bawah ini dan simpan dengan nama post.php. Jangan lupa koneksi databasenya teman-teman sesuaikan dengan nama database dan nama tabelnya ya.

Jika teman-teman lihat script di atas, disini saya membuat variable output untuk nanti digunakan di alert sebagai notifikasi berhasil atau tidaknya proses upload gambar.

Jika sudah maka teman-teman bisa buka di browser masing-masing, dan tampilannya akan muncul alert seperti pada gambar di bawah ini jika berhasil di upload.

Cara Mengupload File Gambar Dengan Menggunakan AngularJs Part2

Dan gambar yang sudah berhasil di upload akan muncul di dalam div class show yang sudah di buat sebelumnya di dalam html. Sama seperti pada gambar di bawah ini.

Cara Mengupload File Gambar Dengan Menggunakan AngularJs Part2

Demikian artikel tentang Cara Mengupload File Gambar Dengan Menggunakan AngularJs Part2. Semoga dapat bermanfaat dan buat teman-teman yang penasaran bisa langsung mencobanya. Sampai ketemu lagi pada pembahasan selanjutnya.