双12多码识别推荐

<input type="file" id="imageUpload" accept="image/*">
<button onclick="uploadImage()">上传并识别</button>
<div id="results"></div>

<script>
function uploadImage() {
    const fileInput = document.getElementById('imageUpload');
    const file = fileInput.files[0];
    if (file) {
        const reader = new FileReader();
        reader.onload = function(e) {
            const img = new Image();
            img.onload = function() {
                // 调用后端API进行识别
                fetch('/api/recognize', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json'
                    },
                    body: JSON.stringify({ image: e.target.result })
                }).then(response => response.json())
                  .then(data => {
                      document.getElementById('results').innerText = JSON.stringify(data, null, 2);
                  });
            };
            img.src = e.target.result;
        };
        reader.readAsDataURL(file);
    }
}
</script>

from flask import Flask, request, jsonify
import cv2
from pyzbar.pyzbar import decode
import base64

app = Flask(__name__)

@app.route('/api/recognize', methods=['POST'])
def recognize_codes():
    data = request.json
    image_data = base64.b64decode(data['image'].split(',')[1])
    nparr = np.frombuffer(image_data, np.uint8)
    img = cv2.imdecode(nparr, cv2.IMREAD_COLOR)
    
    barcodes = decode(img)
    results = []
    for barcode in barcodes:
        barcode_data = barcode.data.decode("utf-8")
        results.append(barcode_data)
    
    return jsonify(results)

if __name__ == '__main__':
    app.run(debug=True)