Skip to content

Instantly share code, notes, and snippets.

Created Mar 27, 2017
What would you like to do?
Implementing OCR Using Azure Cognitive Services with HTML5 Media Capture API
<div class="image-input">
<input type="file" id="ocr-input" accept="image/*" capture="camera" ref="ocrInput" />
<button type="button" v-on:click="getText">Submit</button>
<div class="image-output">
<img id="ocr-image" ref="ocrOutput" style="width:300px" />
<div class="cognitive-result">
<textarea id="ocr-result" style="width: 300px; height: 200px;" ref="ocrResult"></textarea>
<script lang="ts">
import Ocr from "./Ocr.ts";
export default Ocr;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment