Téléchargement d'URL d'image Web OCR d'image en texte

Question

En vous référant au travail ici démo codepen , si cliquez sur le bouton de sélection de fichier pour télécharger une image depuis votre ordinateur local et extraire le texte de l'image, l'application fonctionne correctement. Mais comment puis-je télécharger une URL d'image Web comme celle-ci au lieu d'un fichier informatique local et afficher les résultats du texte OCR à l'aide du bouton que j'ai marqué dans la démo ?

Si je peux obtenir de l'aide, je serais reconnaissant :)

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

J'ai essayé de changer onchange en onclick mais cela n'a pas fonctionné.

Answer 1

Vous pouvez ajouter une entrée comme celle-ci : 

  


  Or paste image url : 
  

Et vérifiez la fonction de votre processus, si le paramètre est une chaîne, si c'est le cas, cela signifie que nous avons une URL, nous définissons donc simplement cette URL comme la valeur 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...
  //...
}