Cacher is the code snippet organizer for pro developers

<input type="file" capture accepts="image/*"  id="cam">
<script>
var cam = document.getElementById("cam");
cam.onchange = function(event) {
  // An image has been captured.
  if(event.target.files.length == 1 &&
     event.target.files[0].type.indexOf("image/") == 0) {
     // We have an image, most likely from a camera
  }
}
</script>