title: Take picture from webcam or mobile camera in web applications
body: <p>I'm developing a web application which browse and take pictures from local and also I want to capture images through the camera. Im using the following code and i can capture device camera. </p>
  
  <pre><code>&lt;input type="file" capture="camera" accept="image/*" id="cameraInput" name="cameraInput"&gt;
  </code></pre>
  
  <p>Now, I want to get the image and onchangeevent, convert to base64 and want to show in that page itself.</p>
  
  <p>Kindly help me guys!</p>