Oke teman-teman pada kasus ini saya akan membahas tentang Cara Mengupload File Gambar Dengan Menggunakan AngularJs Part1. Dimana ketika kita melakukan browse file dengan format gambar jpg atau png maka gambar akan masuk ke dalam folder yang sudah kita sediakan khusus untuk menyimpan gambar yang sudah kita upload dan begitu juga data yang ada di database ikut bertambah atau tersimpan.

Untuk Cara Mengupload File Gambar Dengan Menggunakan AngularJs Part1 langkah pertama yang harus dilakukan teman-teman siapkan table databasenya dengan nama bebas. Dan untuk design database teman-teman bisa lihat gambar di bawah ini.

Cara Mengupload File Gambar Dengan Menggunakan AngularJs Part1

Jika sudah maka kita akan membuat tampilan struktur htmlnya seperti pada script di bawah ini.

Disini saya membuat sebuah input type file untuk melakukan browse file atau pilih file yang akan di upload dengan menggunakan tombol. Dan ada div class show untuk saya menampilkan gambar terakhir yang sudah berhasil di upload.

Jika sudah kita masuk untuk membuat script angular untuk melakukan upload gambar.

Jika teman-teman lihat script angularjs di atas, disini saya membuat directive dan controller. Dimana directive berisi fungsi yang akan mereturn atau mengembalikan nilai. Dan di controller juga terdapat metode post untuk mengirimkan data ke dalam file post.php. Dan data yang diambil menggunakan new FormData().

Demikian article tentang Cara Mengupload File Gambar Dengan Menggunakan AngularJs Part1. Kita akan lanjutkan untuk membuat file post.php pada artikel Cara Mengupload File Gambar Dengan Menggunakan AngularJs Part2.