Update app.py

app.py

@@ -550,7 +550,7 @@ def draw_mask(l, t, v, d, evt: gr.EventData):
     return gr.ImageEditor(value=d)
 
 
-on_click="""
+load_model="""
 async(f, c, o, b, p, d, n)=>{
   var intv = setInterval(function(){
     if (document.getElementById("iframe3D")===null || typeof document.getElementById("iframe3D")==="undefined") {
@@ -1000,7 +1000,7 @@ with gr.Blocks(css=css, js=js) as demo:
                 coords = gr.Textbox(elem_id="coords", value=example_coords, label="Coordinates", interactive=False)
                 mesh_order = gr.Textbox(elem_id="order", value="", label="Order", interactive=False)
                 
-            result_file = gr.File(elem_id="file3D", label="3D file (.glb)")
+            result_file = gr.File(elem_id="file3D", label="3D file (.ply)")
             html = gr.HTML(value="""<label for='zoom'>Zoom</label><input id='zoom' type='range' style='width:256px;height:1em;' value='0.8' min='0.157' max='1.57' step='0.001' oninput='
               if (!BABYLON.Engine.LastCreatedScene.activeCamera.metadata) {
                 var evt = document.createEvent(\"Event\");
@@ -1154,8 +1154,8 @@ with gr.Blocks(css=css, js=js) as demo:
         return output_video_path + (json.dumps(locations),)
 
     submit.click(on_submit, inputs=[input_video, model_type, coords], outputs=[processed_video, processed_zip, output_frame, output_mask, coords])
-    render.click(None, inputs=[result_file, coords, mesh_order, bgcolor, output_frame, output_mask, selected], outputs=None, js=on_click)
     render.click(partial(get_mesh), inputs=[output_frame, output_mask, blur_in, load_all], outputs=[result, result_file, mesh_order])
+    result_file.change(None, inputs=[result_file, coords, mesh_order, bgcolor, output_frame, output_mask, selected], outputs=None, js=load_model)
 
     example_files = os.listdir('examples')
     example_files.sort()