圖片轉文字 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...
  //...
}