paddleocr 本地识别 js

### 实现本地环境下的PaddleOCR与JavaScript交互为了实现在本地环境中使用 PaddleOCR 进行文字识别并与 JavaScript 交互，需要完成几个主要步骤。这包括安装配置 PaddleOCR 和构建前端界面以便通过 JavaScript 调用。 #### 安装并配置 PaddleOCR 首先，在 Python 环境中安装 `PaddleOCR` 库以及其依赖项： ```bash pip install paddleocr ``` 接着，编写一个简单的 Python API 来处理来自客户端的请求并将图像发送给 PaddleOCR 处理。这里推荐使用 Flask 或 FastAPI 构建 RESTful Web Service 接口来接收上传文件和返回 OCR 结果[^1]。 Python (Flask) 示例代码如下所示: ```python from flask import Flask, request, jsonify from paddleocr import PaddleOCR app = Flask(__name__) ocr = PaddleOCR(use_angle_cls=True, lang='ch') @app.route('/api/ocr', methods=['POST']) def recognize_text(): if 'image' not in request.files: return "No image file found", 400 img_file = request.files['image'] result = ocr.ocr(img_file.read(), cls=True) text_results = [line[1][0] for line in result] response_data = { "text": "\n".join(text_results), "lines": [{"text": item[1][0], "confidence": float(item[1][1])} for item in result] } return jsonify(response_data) if __name__ == "__main__": app.run(debug=True) ``` 此段脚本启动了一个 HTTP POST `/api/ocr` 的服务端点用于接受图片数据流作为输入参数，并调用了 PaddleOCR 对象执行 OCR 操作；最后它会把识别出来的文本连同置信度一起打包成 JSON 响应体回传给客户端应用。 #### 创建 HTML 文件以支持 JS 调用按照提供的HTML模板创建页面结构[^4]，并通过 AJAX 请求向上述搭建好的服务器提交待分析的图片资源。下面是一个简化版的例子展示如何实现这一点： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文字识别</title> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> </head> <body> <input type="file" id="fileInput"/> <button onclick="sendImage()">识别</button> <pre id="result"></pre> <script> function sendImage(){ const inputElement = document.getElementById('fileInput'); let formData = new FormData(); formData.append("image", inputElement.files[0]); axios.post('http://localhost:5000/api/ocr', formData,{ headers:{ 'Content-Type': 'multipart/form-data' } }).then(function(res){ console.log(res.data); document.getElementById('result').innerText=res.data.text; }); } </script> </body> </html> ``` 这段代码片段定义了一个按钮点击事件处理器函数 `sendImage()` ，该函数负责读取用户选择的文件，并将其封装到表单数据对象中再经由 Axios 发送到之前提到的服务地址上做进一步处理。一旦收到回复，则更新 DOM 显示最终的结果字符串。

阅读全文