python - Simple Flask + React application

Question

I need to create a very simple website for finding a faces on photo

It should work this way:

• upload an image (the only function on the page)
• the image is sent to the server and analyzed
• server returns image (its an original image but with face lighting)
• page is showing result (react)

I already have a module for counting people - its using a PIL Image. But now i have troubles with creating a react frontend and flask backend. I just dont understand how flask is working - how to write routes and how to create a redirecting to result on the frontend. I already have:

app.py:

from flask import Flask, render_template, request, redirect, url_for
from image_analyzer import ImageAnalyzer
from PIL import Image

app = Flask(__name__)
image_analyzer = ImageAnalyzer()


@app.route('/', methods=['POST'])
def analyze():
    if request.method == 'POST':
        imagefile = request.files.get('image', '')
        img = Image.open(imagefile)
        result = image_analyzer.analyze_image(img)
        return result

App.js:

import './App.css';
import React from "react";

function App() {

    return (
    <div className="App">
      <form method="POST" action="/">
        <input type="file" name="image" />
        <input type="submit" />
      </form>
    </div>
  );
}

export default App;

Please, tell me, what should i do? I understand, that server should have the only one API post-function, but dont know where should i go. Thanks

question from:https://stackoverflow.com/questions/65602289/simple-flask-react-application

Answer 1

Waitting for answers