Update app.py

app.py

@@ -442,6 +442,14 @@ def draw_mask(l, t, v, d, evt: gr.EventData):
     return gr.ImageEditor(value=d)
 
 
+load_model="""
+async(url)=>{
+  if (document.getElementById("iframe3D")) {
+    document.getElementById("iframe3D").src = "index.htm?url=" + url;
+  }
+}
+"""
+
 on_click="""
 async()=>{
     var intv = setInterval(function(){
@@ -476,7 +484,7 @@ async()=>{
 
 js = """
 async()=>{
-  alert('Hi');
+  console.log('Hi');
 }
 """
 
@@ -576,6 +584,7 @@ with gr.Blocks(css=css, js=js) as demo:
             processed_zip = gr.File(label="Output Archive")
             result = gr.Model3D(label="3D Mesh", clear_color=[0.5, 0.5, 0.5, 0.0], camera_position=[0, 90, 0], interactive=True, elem_id="model3D")
             result_file = gr.File(label="3D file (.glb)")
+            result_file.change(fn=None, inputs=[result_file], outputs=[result_file], js=load_model)
             svg_in = gr.HTML(value="""<svg id='svg_in' height='32' width='256' viewBox='0 0 256 32' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='touch-action:none;background-color:#808080;' onpointerdown='
               try{
                 if (document.getElementById(\"pl\").getAttribute(\"points\").slice(0,5) == \"-1,0 \") {