Update

demo.py

@@ -156,6 +156,14 @@ with gr.Blocks() as demo:
                 id_image_input1 = gr.Image(type='filepath', label='Front')
                 id_image_input2 = gr.Image(type='filepath', label='Back')
                 id_recognition_button = gr.Button("ID Card Recognition")
+                gr.Markdown("## Image Examples")
+                gr.Examples(
+                    examples=[['examples/11.jpg', 'examples/12.jpg'], ['examples/21.jpg', 'examples/22.jpg'], ['examples/3.jpg', '']],
+                    inputs=[id_image_input1, id_image_input2],
+                    outputs=[id_result_output, image_result_output],
+                    fn=idcard_recognition
+                )
+
             with gr.Column(scale=5):
                 id_result_output = gr.JSON()
         
@@ -163,13 +171,6 @@ with gr.Blocks() as demo:
                 image_result_output = gr.HTML()
 
         id_recognition_button.click(idcard_recognition, inputs=[id_image_input1, id_image_input2], outputs=[id_result_output, image_result_output])
-        gr.Markdown("## Image Examples")
-        gr.Examples(
-            examples=[['examples/11.jpg', 'examples/12.jpg'], ['examples/21.jpg', 'examples/22.jpg'], ['examples/3.jpg', None]],
-            inputs=[id_image_input1, id_image_input2],
-            outputs=[id_result_output, image_result_output],
-            fn=idcard_recognition
-        )
     with gr.TabItem("Barcode Recognition"):
         with gr.Row():
             with gr.Column(scale=3):