How to Use Webcam in PHP Using HTML5 and Save Image to Database

By | June 7, 2017

Hello Friends recently i have added a Tutorial about How to use Webcam in PHP and Save Image to Database using Mysqli. Earlier tutorial using the Flash Plugin for showing the Webcam and clicking the Image.

Today i am uploading another tutorial for How to use Webcam in PHP using HTML5, Jquery and Save Image to Database using Mysqli. This tutorial is slightly different from the previous tutorial as this tutorial will use the HTML5 for showing the Webcam.

Design Part for showing the webcam window and button to capture

Script part for Showing Webcam, Button Click working and Saving the Image to Database

 You can Download the files or tutorial from Github – Click Here

Thank You for reading the tutorial If you like the tutorial than please please Share it. If you have any comment than let me know comment below.


39 thoughts on “How to Use Webcam in PHP Using HTML5 and Save Image to Database

  1. Vidya Kiran

    Its a gr8 work you have done Mr.Vivek. Thankyou.

    Can i use a photo/document scanner from PHP. if there is a tool like [webcam in php] Please let me know.

    Thanks in advance
    Vidya Kiran

  2. Pingback: How to use webcam in php Part 2 | PHP Video Academy

  3. Henk Monen

    Hi Vivek,

    I think you made a great great tutorial and script. For Chrome everything is working fine, but for Firefox it doesn’t work:
    Because the jpeg_camera_with_dependencies.min.js doesn’t work for Firefox (I am using FF 62.0.3 and FF Developer Edition 64.0b1 on OSX High Sierra), it says:
    navigator.mozGetUserMedia has been replaced by navigator.mediaDevices.getUserMedia (line 12 pos 7093)
    and gives a
    TypeError: Argument 1 is not valid for any of the 1-argument overloads of URL.createObjectURL (line 12 pos 6699)
    Can you please make it work, while the js min version is hard to edit.

    Kind regards,

    1. Vivek Moyal Post author

      You are absolutely right. Yesterday i discovered this issue while working with my developer. I will check it soon it may an issue of firefox i think.


Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.