I've been looking into using html 5
<input type="file" accept="image/*" capture="camera"> to take a picture from my webapp and upload the image to the database using php - this is now working correctly.
However, the only way I can seem to find to display the "take picture" option is by a text field that has a button in it called "choose file"
Is there a way to be able to click on the existing image to open up the take picture options, then display the new image instead of the existing picture after the picture has been taken/file selected by the user? They should then click on the "upload" button if they are happy to save the image.
See JS fiddle here, hopefully this makes some sense! http://jsfiddle.net/6dxGY/