Opening an image in Streamlit cloud from Github

☁️ Community Cloud
1

Hi, Does anyone know why my image won’t open in my streamlit cloud deployment, I have used the GitHub URL, however it wont display the file. Is there something missing to make GitHub links work ?

with dataset:
	st.header('The Echo Nest Dataset (Taken from the Free Music Archive)')
	st.image("https://github.com/djswoosh/Music-Recommendation-Engine-using-FMA-Dataset/blob/6bdd5c6cc134e8e150456d927567b0386447da69/1200px-The_Echo_Nest_logo.svg.png", width=350)
2

you can try like this:

htp5= 'https://raw.githubusercontent.com/ozgurdugmeci/easyapp/main/media/sats80_resim.jpg'
st.image(htp5, caption= '80-day sale data', width=300)
1 Like
3

I’ve given that a go, and same result, I’ve pasted the link to my app below. The code seems fine, its just the image doesn’t open, and this is a problem I seem to only get because I am opening the image from URL.

My Stream lit app

4

it seems the link you use is not proper.
probably this will work

htp="https://raw.githubusercontent.com/djswoosh/Music-Recommendation-Engine-using-FMA-Dataset/main/1200px-The_Echo_Nest_logo.svg.png"
st.image(htp, caption= 'logo', width=350)
2 Likes
5

Thanks you! Lifesaver!

6

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.