Tesseract.js 一遍又一遍地识别相同的图像

如何解决Tesseract.js 一遍又一遍地识别相同的图像

我正在测试 tesseract.js 以上传多个图像并将它们转换为文本。我似乎无法在识别后正确保存并停止该过程以显示它。

以下是我使用的代码：

 const textConverison = async () => {
        var i;
        for (i = 0; i < listofImages.length; i++) {
            await worker.load();
            await worker.loadLanguage('eng');
            await worker.initialize('eng');
            worker._currentJob = null;
            const { data: { text } } = await worker.recognize(listofImages[i].default);
            setocr(text);
        }
    };

JSX 代码

 <div className="text-slide-container">
                        <div className="row">
                            { listofImages && listofImages.map(image => (
                                <div className="col-3">
                                    <div className="slide-preview-item">
                                        <div className="img-wrap no-margin overflow-hide option-display txt-display" key={image.id}>
                                            <div>{ ocr }</div>
                                        </div>
                                    </div>
                                </div>
                            )) }
                        </div>
</div>

我想以卡片格式显示已转换为文本的上传图像。但它总是循环更新其他图像。

希望有人能帮助我。我真的很感激。谢谢