Imej ke teks muat naik URL imej web OCR

Question

Merujuk kepada codepen demo yang berfungsi di sini, jika klik butang pilih failuntuk memuat naik imej dari komputer tempatan anda dan mengekstrak teks daripada imej, aplikasi berfungsi dengan baik. Tetapi bagaimana saya hendak memuat naik URL imej web seperti ini dan bukannya fail komputer tempatan dan mengeluarkan hasil teks OCR dengan bantuan butang saya tandakan dalam demo?

Jika saya boleh mendapatkan sebarang bantuan saya akan bersyukur :)

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

Saya cuba menukar onchange kepada onclick tetapi tidak berjaya.

Answer 1

Anda boleh menambah input seperti ini:

  


  Or paste image url : 
  

Dan semak fungsi proses anda, jika parameter adalah rentetan, jika ia, bermakna kita mempunyai URL, jadi kita hanya menentukan url ini sebagai nilai 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...
  //...
}