What I want to do is use
<input type="file" id="file" name="file" accept="image/jpeg,image/jpe,image/jpg,image/png,image/bmp">
To use the camera from the device or select some picture/image, happens when this happens automatically apply OCR and extract the text from the picture/image and put this text on a <input type="text">.
Is this possible to use just JavaScript or some library.js? I know that it is possible to use back end technology, but if it is possible to do this on the front end with JS that would be perfect.