如何在文件上传后直接调用 JavaScript 函数处理 OCR 识别任务

时间：2026-07-15

本文介绍如何优化 php 文件上传流程，避免冗余 ajax 请求，在服务端完成变量传递后直接触发前端 tesseract.js ocr 处理逻辑，确保异步函数按序执行且上下文可控。

在实际开发中，不少开发者会把整个流程拆得过于复杂——先在 PHP 里直接输出一段，再由这个 JS 函数发起一次额外的 AJAX POST 请求到 prepare.php。这么做不仅白白增加了一次 HTTP 往返，更严重的问题是执行链断了：prepare.php 里根本没法可靠控制 readFile() 的调用时机，而且由于缺少 DOM 环境和脚本加载上下文，直接在





⚠️ 关键注意事项：

永远使用 json_encode() 向 JS 注入 PHP 变量（而非字符串拼接），避免 XSS 和语法错误；
readFile() 等异步函数必须在 DOMContentLoaded 或 window.onload 后调用，确保 DOM 元素存在；
prepare.js 必须通过