python - 返回 OpenCV 图像作为响应并在浏览器中显示

Question

我正在编码(base64)cv2图像并将其作为响应发送。使用 Flask/Python。

img = cv2.imread("temp.png", 0)
new_encoded_img = base64.b64encode(img)
return Response(response=new_encoded_img, status=200, mimetype="text/plain")

现在我必须setState 该图像以便可以渲染它。怎么做？我正在尝试这样的事情。

this.setState({
            processedFile: ['data:image/jpeg;base64,/9j/'+atob(response.data)]
        })

Answer 1

您可以使用:

with open("file.png", "rb") as file:
    return Response( b'--frame\r\n'b'Content-Type: image/jpeg\r\n\r\n' + file + b'\r\n', mimetype='multipart/x-mixed-replace; boundary=frame')

或者，如果您实现了HttpResponse，则可以使用以下方式直接渲染“file.png”:

with open("file.png", "rb") as f:
    return HttpResponse(f.read(), content_type="image/jpeg")