Cara Membuat Form Upload Gambar Langsung Dari Webcam Dengan Javascript dan PHP

Posted on

Upload gambar langsung dari webcam – Dalam kasus tertentu kita sangat perlu menggunakan foto langsung dari pengguna, salah satunya sistem registrasi peserta seminar atau sistem mahasiswa pada kampus. Saat pengguna melakukan registrasi kita mengambil gambar terkini dari pengguna, ini bisa dijadikan sistem validasi bahwa yang mendaftar benar-benar mahasiswa yang terdaftar pada kampus tersebut.

Mumpung ada waktu luang beberapa jam, saya mencoba membuat form yang bisa mengambil gambar user langsung dari webcam. Pada tutorial ini saya menggunakan library webcam.js dan menggunakan teknik ajax untuk meng-upload gambar tersebut. Untuk backend supaya lebih cepat saya gunakan framework php yakni codeigniter.

Baca Juga: Cara Mengambil Lokasi Dengan Menggunakan PHP dan Ajax

Pertama, siapkan framework dan silahkan kalian konfigurasi database dan yang lainnya. Saya buat form yang akan menyimpan username, email, password dan nama file gambar dari hasil capture. Kurang lebih struktur tablenya seperti di bawah ini.

struktur tabel user upload gambar dari webcam
Kedua, buat file view terserah seperti apa kalian buat tampilannya kalau punya saya seperti di bawah ini.
upload gambar dari webcam menggunakan javascript dan codeigniter
Untuk source codenya seperti ini:

Setelah tampilan dibuat sekarang kita buat dibagian backend nya, buat sebuah controller dan isi kodingannya seperti di bawah ini :

Bagaimana sangat mudah dan cepat kan buatnya? dan gambar tersebut langsung tersimpan pada sistem yang kalian buat.

Bagi kalian yang ingin langsung download source code nya silahkan langsung kunjungi github saya pada link berikut : https://github.com/arigates/upload_webcam silahkan download yang capture.zip

Jika ada pertanyaan silahkan tinggalkan dikolom komentar.

Leave a Reply

Your email address will not be published. Required fields are marked *