update UI

app.py

@@ -47,6 +47,14 @@ def clear_outputs_on_upload(uploaded_file_path):
         return None, None, None, None, None
     return gr.update(value=uploaded_file_path), None, None, None, None
 
+def show_uploaded_image(path):
+    if path is None:
+        return None
+    try:
+        return Image.open(path)
+    except:
+        return None
+    
 def predict(uploaded_file_path):
     if uploaded_file_path is None:
         return None, None, "No file uploaded.", None
@@ -104,11 +112,14 @@ with gr.Blocks() as demo:
     error_output = gr.Textbox(label="Error Message", visible=False)
 
     uploaded_file.change(
-        clear_outputs_on_upload,
-        inputs=[uploaded_file],
-        outputs=[uploaded_file, output_image, output_json, download_button, uploaded_image_display]
-    )
-    
+    lambda path: (
+        gr.update(value=path),
+        None, None, None, show_uploaded_image(path)
+    ),
+    inputs=[uploaded_file],
+    outputs=[uploaded_file, output_image, output_json, download_button, uploaded_image_display]
+)
+
     run_button.click(
     lambda x: (x, gr.update(interactive=False)),
     inputs=[uploaded_file],