Image To Text Converter Tool Script

0

Image To Text Converter Tool Script

 Image To Text Converter Tool Script Free To Download

100% Free To Download This Script.


100% Free With “Resell Rights”.


Sell These Tools S As Per Your Need Or Offer Free To Anyone Give Giveaway Also.


About : Free Tools.


License: Rana Bilal Rights


Use In This Website Any Script Or Any Products You Will Download 100% Free To Use.


How To Use This Script

Use This Script WordPress Or Blogger Anyone You Choose Use This Script And Publish Your Online Tool And Make Passive Income.


 Login Your WordPress Or Blogger Dashboard.

Copy This Code Or Download.

 Add Post Or Page.

Add HTML Widget.

 Paste This Code And Publish.

 After See The Result, Magic.. 

Demo


Script Code

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image to Text Converter</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            background-color: #f5f5f5;
        }

        #container {
            text-align: center;
            background-color: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        #uploadInput {
            margin-bottom: 20px;
        }

        #convertButton {
            padding: 10px;
            background-color: #4caf50;
            color: white;
            border: none;
            cursor: pointer;
        }

        #outputText {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div id="container">
        <h2>Image to Text Converter</h2>
        <input type="file" id="uploadInput" accept="image/*">
        <button onclick="convertToText()" id="convertButton">Convert to Text</button>
        <div id="outputText"></div>
    </div>

    <script src="https://cdn.rawgit.com/naptha/tesseract.js/1.0.10/dist/tesseract.js"></script>
    <script>
        function convertToText() {
            var uploadInput = document.getElementById("uploadInput");
            var outputText = document.getElementById("outputText");

            Tesseract.recognize(
                uploadInput.files[0],
                'eng',
                { logger: info => console.log(info) }
            ).then(({ data: { text } }) => {
                outputText.textContent = text;
            });
        }
    </script>
</body>
</html>

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.
Post a Comment (0)

#buttons=(Accept !) #days=(20)

Our website uses cookies to enhance your experience. Learn More
Accept !
To Top