Capture Camera Image

Hi,

I have created a form.
I need to add a field where I need to capture image using camera of mobile, when form is opened at mobile browser. Also I have to save this image and its path in a field.
I have used Contact Form 7 plugin and Contact Form CFDB7 plugin to save form data.

I am able to open mobile camera, click the picture and path is displayed in the field but I am not able to save file and its detail in database, when I check through Contact Form CFDB7.

I have added following in the form.

<p>
<label for=”avatar”>Upload a picture:</label>
<input type=”file” id=”avatar” name=”avatar” accept=”image/*” capture></p>

Following is created using TAG of Contact Form 7 plugin and is working fine (saving the data) but this code is to upload existing file.

<p> Upload Serial No Image-1 [file upload-image1 filetypes:jpg|jpeg|png]</p>

Pls help.

Regards,
Shrey