Image Capture example

imagecaptureexample.html

<form>
  <input id = "myInput" type="file" accept="image/*" capture="camera">
  <img id ="myImage" src = "#"/>
</form>

script.js

var input = document.getElementById("myInput");

var image = document.getElementById("myImage");

input.onchange = function(){
  if (input.files && input.files[0]){
    var reader = new FileReader();
    
    reader.onload = function(event){
      image.src = event.target.result;
    }
    reader.readAsDataURL(input.files[0]);
  }
};