스트림릿(Streamlit)의 다양한 UI 함수들 (2)

from PIL import Image

img = Image.open('data2/image_03.jpg')

    st.image(img)
    st.image(img,use_column_width=True)

 

PIL의 Image 로 불러온 img 파일을 웹페이지에 올릴 수 있는 image 함수이다.

url = 'https://transcode-v2.app.engoo.com/image/fetch/f_auto,c_limit,w_1280,h_800,dpr_1/https://assets.app.engoo.com/images/1u31QP7nVOZYka3l7iYJmj.jpeg'
    st.image(url)
    st.image(url, use_column_width= True)​

 

url 로 인터넷에 있는 이미지도 올릴 수 있다.

 

---

video_file = open('data2/secret_of_success.mp4', 'rb')
    st.video(video_file)

    audio_file = open('data2/song.mp3', 'rb')
    st.audio(audio_file.read(), format = 'audio/mp3')

저장된 동영상과 오디오도 video 함수와 audio 함수로 올릴 수 있다.

audio 함수에서 주의할 점은 format을 꼭 지정해줘야한다. (기본값 : wav 파일)

---

address = st.text_input('이름을 입력하세요.', max_chars= 10)

유저한테 직접 문자를 입력받을 수 있는 text_input 함수이다. max_chars 파라미터로 글자 수 제한을 걸 수 있다.

 

---

 

message= st.text_area('입력', height= 5)

여러 행에 입력이 가능하도록 타이핑 공간을 만드는 text_area 함수이다.

 

---

 

st.text_input('비밀번호 입력', type = "password")

비밀번호를 입력받을 수 있다. 눈 표시로 끄고 켤 수 있다.

 

---

# 4. 숫자를 입력
numbers = st.number_input('숫자 입력', 1, 100)

# 5. 실수를 입력
numbers = st.number_input('숫자 입력', 1.0, 100.0)

숫자만 입력할 수 있는 number_input 함수이다.

최소 최대값 모두 float으로 입력하면 결과도 float으로 가져올 수 있다.

 

---

my_date = st.date_input('약속 날짜')

my_time = st.time_input('시간 선택')

날짜와 시간을 입력 받을 수 있는 date_input과 time_input 함수이다.

 

---

st.color_picker('색을 입력하세요.')

색깔을 정할 수 있는 color_picker 함수이다.

---

st.file_uploader('이미지 파일 선택', type = ['jpg', 'jpeg', 'png'])

 유저의 파일을 업로드할 수 있는 file_uploader 함수이다.

---

 menu = ['Image', 'CSV' , 'About']
 st.sidebar.selectbox('MENU', menu)

페이지를 사이드바로 구분지을 수 있게 하는 sidebar 함수이다.

 

위의 file_uploader  파일과 함께 보자.

오류는 났지만 화면 구성은 잘 나왔다.