How to switch page on button click using Streamlit?

Question

I have made separate functions for each page, but i want to change page to file upload when I click button on welcome_page.py. Found a switch_page function but I don't think I understand how it works.

import streamlit as st
from login import check_password
from file_upload import file_upload
from welcome import welcome_page
from PIL import Image
from numpy import asarray
from streamlit_extras.switch_page_button import switch_page

def file_upload():
    datafile = st.file_uploader("Upload JPG",type=['jpg'])
    if datafile is not None:
        numpydata = asarray(datafile)
        print(type(numpydata))
        st.image(datafile)
        return True
    
    return False

if check_password():
    if welcome_page():
        switch_page('file_upload')
        fileDetails = file_upload()
        if fileDetails:
            print("file uploaded")

Caroline Frasca · Accepted Answer · 2023-01-03 20:42:18Z

2

Unfortunately, there isn't a built-in way to switch pages programmatically in a Streamlit multipage app. There is an open feature request here if you'd like to upvote it.

answered Jan 3, 2023 at 20:42

Caroline Frasca

7644 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

glitchfilter · Accepted Answer · 2024-09-22 05:26:23Z

0

There is a way out

in your main app.py, define all pages using

pg = st.navigation([st.Page("Page1"),st.Page("Page2"),st.Page("file_upload"),st.Page("welcome_page"),st.Page("Pagex"),st.Page("Pagey"),st.Page("Pagez")])
pg.run()

in welcome_page.py

if st.button("Welcome Page Button that redirects to file upload page"):
    pg = st.navigation([st.Page("file_upload")])
    pg.run()
    # this will navigate to file_upload page

Make sure to keep the same page name "file_upload" in both the .py files

edited Sep 22, 2024 at 5:26

answered Sep 22, 2024 at 5:24

glitchfilter

11 bronze badge

Collectives™ on Stack Overflow

How to switch page on button click using Streamlit?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related