如何使用javascript在azure文本识别API中发布图像而不是URL?

时间:2017-10-23 07:21:41

标签: javascript microsoft-cognitive azure-cognitive-services

我正在使用此代码https://docs.microsoft.com/en-us/azure/cognitive-services/computer-vision/quickstarts/javascript#text-recognition-with-computer-vision-api-using-javascripta-namerecognizetext-a进行文字识别。它将URL作为输入。

我希望上传图片而不是提供网址。

请帮忙。

1 个答案:

答案 0 :(得分:0)

这有效:https://jsfiddle.net/wx1zoej2/(请记住您的API密钥和区域中的sub。)。

您基本上需要添加file类型的输入,读取选择文件时作出反应的FileReader数组缓冲区,然后使用application/octet-stream作为{提交数据{1}}。

HTML:

Content-Type

JavaScript(使用jQuery):

<h1>Read handwritten image image:</h1>
Image to read:
<input type="file" id="inputImage" />
<br>
<br>
<div id="wrapper" style="width:1020px; display:table;">
  <div id="jsonOutput" style="width:600px; display:table-cell;">
    Response:
    <br>
    <br>
    <textarea id="responseTextArea" class="UIInput" style="width:580px; height:400px;"></textarea>
  </div>
</div>