Update app.py

app.py

@@ -1,28 +1,49 @@
+
 import streamlit as st
-import pandas as pd
-from io import StringIO
-from PIL import Image
-import graphviz as gv
+from io import BytesIO
+
+# Create a sidebar to display the list of uploaded files
+uploaded_files = st.sidebar.empty()
+
+# Use the file uploader to accept multiple files
+files = st.file_uploader("Choose files", accept_multiple_files=True)
 
-uploaded_files = st.file_uploader("Choose an image file", accept_multiple_files=True, type=["jpg", "jpeg", "png"])
-images = []
+# Create a div to display the uploaded files
+div = st.empty()
 
-for uploaded_file in uploaded_files:
-    # To read file as bytes:
-    bytes_data = uploaded_file.getvalue()
+# Initialize a list to store the uploaded files
+file_list = []
 
-    # To convert to a PIL image:
-    image = Image.open(uploaded_file)
-    images.append(image)
+# Loop through the uploaded files and add them to the file list
+for file in files:
+    # Read the file as bytes
+    bytes_data = file.read()
 
-# Create the Graphviz model using the uploaded images
-dot = gv.Digraph()
-for i, image in enumerate(images):
-    dot.node(str(i), image=image)
+    # Add the file to the file list
+    file_list.append(bytes_data)
 
-for i in range(len(images) - 1):
-    dot.edge(str(i), str(i+1))
+    # Update the sidebar to display the list of uploaded files
+    uploaded_files.write([file.name for file in files])
 
-# Render the Graphviz model using the Streamlit framework
-st.graphviz_chart(dot.source)
+# Use HTML and CSS to style the div and move it around the screen
+div.markdown("""
+    <style>
+        .sticky {
+            position: fixed;
+            bottom: 20px;
+            right: 20px;
+            padding: 10px;
+            background-color: #f5f5f5;
+            border: 1px solid #d3d3d3;
+            border-radius: 4px;
+            text-align: center;
+            font-size: 18px;
+            box-shadow: 2px 2px #888888;
+        }
+    </style>
+""", unsafe_allow_html=True)
 
+# Add the uploaded files to the div and make it move around the screen
+if file_list:
+    for file in file_list:
+        div.markdown(f'<div class="sticky">{file}</div>', unsafe_allow_html=True)