1. Anuncie Aqui ! Entre em contato fdantas@4each.com.br

[Python] How to Display Image in Flask after a button is pressed

Discussão em 'Python' iniciado por Stack, Setembro 12, 2024.

  1. Stack

    Stack Membro Participativo

    I am new to flask and web development. I want to display an image on a local web server after I press a button on the webpage. I am using Flask.Ive been trying to figure this out for a while and havent been able too so any help would be incredible. FLASK CODE:

    @app.route('/graph_select')
    def graph_select():
    return render_template('live_stream.html')


    @app.route('/read_ph', methods=["GET"])
    def ph_plot():
    if request.method == "GET":
    all_plots.ph_plot()
    return render_template('live_stream.html')


    @app.route("/read_temp", methods=["GET"])
    def temp_plot():
    if request.method == "GET":
    all_plots.temperature_plot()
    return render_template('live_stream.html')


    @app.route('/read_distance', methods=["GET"])
    def distance_plot():
    if request.method == "GET":
    all_plots.distance_plot()
    return render_template('live_stream.html')


    HTML CODE:

    <h1>Data Monitoring Station</h1>

    <form method="GET"
    <a href="read_temp"><button type="button">Temperature Graph</button></a>
    <a href="read_ph"><button type="button">PH Graph</button></a>
    <a href="read_distance"><button type="button">Distance Graph</button></a>
    </form>

    <h3><img src="{{ url_for('static', filename='ph_plot.png') }}" width="30%">$
    <h3><img src="{{ url_for('static', filename='temperature_plot.png') }}" width="30%">$
    <h3><img src="{{ url_for('static', filename='distance_plot.png') }}" width="30%">$




    </body>
    </html>

    Continue reading...

Compartilhe esta Página