Add input examples which will be cached

app.py

@@ -173,7 +173,7 @@ def image_properties(img):
 def main():
     # Gradio Interface
     with gr.Blocks(title="Self-trained ESRGAN models demo", theme="dark") as demo:
-
+        
         gr.Markdown(
             """# <div align="center"> Upscale image </div> 
         Here I demo my self-trained models. The models with their corresponding infos can be found on [my github repo](https://github.com/phhofm/models).
@@ -187,15 +187,17 @@ def main():
                                          info="See model infos at the bottom of this page")
                 face_enhance = gr.Checkbox(label="Face Enhancement using GFPGAN (Doesn't work for anime images)",value=False, show_label=True)
 
-        with gr.Row():
-            with gr.Group():
+        with gr.Group():
                 input_image = gr.Image(label="Source Image", type="pil", image_mode="RGBA")
                 input_image_properties = gr.Textbox(label="Image Properties - Demo will throw error if input image has either width or height > 1000. Output download is jpg for smaller size. Use models locally to circument these limits.", max_lines=1)
-        output_image = gr.Image(label="Upscaled Image", image_mode="RGBA")
+        with gr.Group():
+            output_image = gr.Image(label="Upscaled Image", type="pil", image_mode="RGBA", interactive=False)
+            output_image_properties = gr.Textbox(label="Image Properties", max_lines=1)
         with gr.Row():
             upscale_btn = gr.Button("Upscale")
             reset_btn = gr.Button("Reset")
         with gr.Group():
+            gr.Examples(examples="examples",inputs=[input_image, model_name, face_enhance],outputs=output_image,fn=realesrgan, cache_examples=True)
             gr.Markdown(
     """
     **Model infos**  
@@ -230,6 +232,7 @@ def main():
 
         # Event listeners:
         input_image.change(fn=image_properties, inputs=input_image, outputs=input_image_properties)
+        output_image.change(fn=image_properties, inputs=output_image, outputs=output_image_properties)
         upscale_btn.click(fn=realesrgan, inputs=[input_image, model_name, face_enhance], outputs=output_image)
         reset_btn.click(fn=reset, inputs=[], outputs=[output_image, input_image])
 

examples/log.csv

@@ -0,0 +1,16 @@
+input_image,model_name,face_enhance
+dearalice1.png,4xHFA2k,
+dearalice1.png,4xNomos8kSC,
+dearalice1.png,2xHFA2kCompact,
+buddy.jpg,4xNomos8kSC,true
+buddy.jpg,4xLSDIRplusC,true
+buddy.jpg,4xLSDIRCompactC3,true
+seeufer.jpg,4xNomos8kSC,
+seeufer.jpg,4xLSDIR,
+seeufer.jpg,4xLSDIRplusN,
+bibli.png,4xLSDIR,
+bibli.png,4xLSDIRplusN,
+palme.jpg,4xNomos8kSC,
+zimmer.jpg,4xNomos8kSC,
+text.png,2xParimgCompact,
+jujutsukaisen.png,4xHFA2k,