setup

app.py

@@ -66,10 +66,15 @@ def onLoad(request: gr.Request):
     try:
         infs = getAllInfs(ApiUrl, OpenId, ApiKey, client_ip)
         print(client_ip, 'history infs: ', len(infs))
+        print(infs)
         for i, inf in enumerate(infs):
             if i>4: continue
-            his_datas[i*2] = f"<img src=\"{inf['pose']}\" >"
-            his_datas[i*2+1] = f"<img src=\"{inf['res']}\" >"
+            # his_datas[i*2] = f"<img src=\"{inf['pose']}\" >"
+            # his_datas[i*2+1] = f"<img src=\"{inf['res']}\" >"
+
+            his_datas[i*2] = f"![]({inf['pose']})"
+            his_datas[i*2+1] = f"![]({inf['res']})"
+            
             # his_datas[i*2] = inf['pose']
             # his_datas[i*2+1] = inf['res']
         time.sleep(3)
@@ -138,32 +143,32 @@ with gr.Blocks(css=css) as demo:
                 
     with gr.Tab('history'):
         with gr.Row():
-            his_pose_image1 = gr.HTML()
-            his_res_image1 = gr.HTML()
+            his_pose_image1 = gr.Markdown()
+            his_res_image1 = gr.Markdown()
             # his_pose_image1 = gr.Image(label="pose image1", interactive=False)
             # his_res_image1 = gr.Image(label="result image1", interactive=False)
 
         with gr.Row():
-            his_pose_image2 = gr.HTML()
-            his_res_image2 = gr.HTML()
+            his_pose_image2 = gr.Markdown()
+            his_res_image2 = gr.Markdown()
             # his_pose_image2 = gr.Image(label="pose image2", interactive=False)
             # his_res_image2 = gr.Image(label="result image2", interactive=False)
 
         with gr.Row():
-            his_pose_image3 = gr.HTML()
-            his_res_image3 = gr.HTML()            
+            his_pose_image3 = gr.Markdown()
+            his_res_image3 = gr.Markdown()            
             # his_pose_image3 = gr.Image(label="pose image3", interactive=False)
             # his_res_image3 = gr.Image(label="result image3", interactive=False)
 
         with gr.Row():
-            his_pose_image4 = gr.HTML()
-            his_res_image4 = gr.HTML()            
+            his_pose_image4 = gr.Markdown()
+            his_res_image4 = gr.Markdown()            
             # his_pose_image4 = gr.Image(label="pose image4", interactive=False)
             # his_res_image4 = gr.Image(label="result image4", interactive=False)
 
         with gr.Row():
-            his_pose_image5 = gr.HTML()
-            his_res_image5 = gr.HTML()            
+            his_pose_image5 = gr.Markdown()
+            his_res_image5 = gr.Markdown()            
             # his_pose_image5 = gr.Image(label="pose image5", interactive=False)
             # his_res_image5 = gr.Image(label="result image5", interactive=False)