Comment utiliser la reconnaissance optique de caractères (OCR) avec JavaScript ?

La reconnaissance optique de caractères (OCR) vous permet d'extraire du texte à partir d'images, ouvrant ainsi la voie à de puissants cas d'utilisation tels que la numérisation de documents, l'automatisation de la saisie de données et la recherche basée sur des images. Dans ce didacticiel, vous allez apprendre à implémenter l'OCR à l'aide de JavaScript et de l'API d'Eden AI.

Que vous créiez une application Web ou que vous automatisiez des flux de travail, ce guide vous expliquera comment intégrer rapidement et efficacement la fonctionnalité OCR.

‍

Qu'est-ce que la reconnaissance optique de caractères (OCR) ?

L'OCR (reconnaissance optique de caractères) est une technologie qui convertit le texte contenu dans des images ou des documents numérisés en texte lisible par machine.

Il vous permet d'extraire des caractères écrits ou imprimés à partir de visuels tels que des reçus, des pièces d'identité ou des notes manuscrites, ce qui facilite la recherche, la modification ou le traitement des données de texte par programmation.

‍

Comment utiliser la reconnaissance optique de caractères (OCR) avec JavaScript ?

Configurez votre compte Eden AI

1. INSCRIVEZ-VOUS: Si vous n'avez pas de compte Eden AI, créez-en un gratuitement en utilisant ce qui suit lien. Une fois cela fait, vous pouvez obtenir votre clé API, que vous pouvez utiliser pour accéder à divers services d'IA, y compris l'analyse de documents financiers.

2. Accédez aux outils d'OCR : Une fois connecté, accédez à la section d'analyse des documents de la plateforme.

3. Choisissez la fonctionnalité générique d'OCR : Sélectionnez l'outil OCR Generic. Vous pouvez également explorer les options d'analyse avancées en fonction de vos besoins spécifiques.

‍

Étape 3 : Implémentation de la fonctionnalité en JavaScript

Installez Axios

Pour interagir avec l'API Eden AI en JavaScript, nous utiliserons la bibliothèque axios, un client HTTP populaire pour envoyer des requêtes aux API REST.

Vous pouvez l'installer à l'aide de npm :

    
      npm install axios;
    
  

‍

Préparez le code

Une fois la bibliothèque axios installée, vous pouvez implémenter la fonction OCR en envoyant une requête POST au point de terminaison OCR d'Eden AI.

Voici un exemple de code pour implémenter l'OCR à l'aide de l'API Eden AI en JavaScript :

    
      const axios = require("axios").default;

      const options = {
        method: "POST",
        url: "https://api.edenai.run/v2/ocr/ocr",  // Eden AI OCR endpoint
        headers: {
          Authorization: "Bearer YOUR_API_KEY_HERE",  // Replace with your actual API key
        },
        data: {
          providers: "microsoft, google",  // OCR providers (you can select Microsoft or Google)
          language: "en",  // Language of the text in the image
          file_url: "🔗 URL of your image",  // URL of the image you want to process
        },
      };

      axios
        .request(options)
        .then((response) => {
          console.log(response.data);  // Log the response data
        })
        .catch((error) => {
          console.error(error);  // Log any error encountered during the request
        });
    
  

Explication des sections de code

1. Importation d'Axios : nous importons des axios pour effectuer des requêtes HTTP.
   
2. Configuration des demandes d'API :
   
   
   • L'URL pointe vers le point de terminaison de l'API OCR d'Eden AI.
     
   • L'en-tête Authorization inclut votre clé API.
     
   • La section des données contient la configuration de l'OCR :
     
     
     • fournisseurs : Spécifie le service d'OCR à utiliser (Microsoft, Google, etc.).
       
     • langue : langue du texte de l'image.
       
     • file_url : URL pointant vers l'image que vous souhaitez traiter (vous pouvez également télécharger l'image directement si nécessaire).
       
3. Faire la demande : la méthode axios.request () envoie la demande d'API.
   
4. Gestion des réponses et des erreurs : La méthode .then () enregistre la réponse réussie, tandis que .catch () gère toutes les erreurs.

‍

Étape 4 : Interpréter les résultats

Lorsque la demande aboutit, la réponse contiendra le texte extrait de l'image. Voici un exemple du format de sortie attendu :

    
      {
        "status": "success",
        "data": {
          "text": "Hello, this is an OCR test.",
          "language": "en",
          "providers": [
            "microsoft",
            "google"
          ]
        }
      }
    
  

Explication des champs de sortie :

• statut: indique l'état de la demande (par exemple, « succès »).
• texte: texte extrait de l'image.
• langue: langue détectée ou définie pour le traitement OCR.
• fournisseurs: les fournisseurs d'OCR utilisés (dans ce cas, Microsoft et Google).

‍

Conclusion :

Dans cet article, nous avons expliqué comment implémenter la reconnaissance optique de caractères (OCR) en JavaScript à l'aide de l'API Eden AI. Le processus est simple : inscrivez-vous, obtenez votre clé API, puis envoyez une demande avec l'URL de l'image pour extraire du texte. La réponse fournit des données précieuses, notamment le texte extrait et le fournisseur utilisé.

Eden AI propose une solution excellente et simple pour intégrer l'OCR dans vos applications Web. Avec la prise en charge de plusieurs fournisseurs et une interface API claire, c'est un outil fantastique pour tous ceux qui cherchent à tirer parti des fonctionnalités d'OCR dans leurs projets.