图片转文字 OCR 网页图片 URL 上传

Question

参考此处的工作codepen演示，如果单击选择文件按钮从本地计算机上传图像并提取图像中的文本，则应用程序运行正常。但是，如何上传像这样的网络图像 URL，而不是从本地计算机文件，并借助我在演示中标记的按钮来输出 OCR文本结果？

如果我能得到任何帮助，我将不胜感激:)

<div class="内容额外"><input id="文件" type="文件" onchange="proccess(window.lastFile=this.files[0])"></div>

我尝试将 onchange 更改为 onclick 但不起作用。

Answer 1

您可以添加这样的输入：

  


  Or paste image url : 
  

并检查您的流程函数，参数是否为字符串，如果是，则意味着我们有一个 URL，因此我们只需将此 url 定义为 src 值：

function proccess(inputData){
  $(".result").html("");
  var src;
  if(typeof(inputData) == 'string') {
    src = inputData
  } else {
    src = (window.URL ? URL : webkitURL).createObjectURL(inputData);
  }
  //do what you want after that...
  //...
}