Vsdocke

Paused

Ashrafb commited on Feb 23, 2024

Commit

5fdfdbb

verified ·

1 Parent(s): 8447abd

Update static/index.html

Files changed (1) hide show

static/index.html CHANGED Viewed

@@ -3,20 +3,22 @@
 <head>
     <title>Face2Vintage</title>
     <script>
-        document.getElementById('uploadForm').addEventListener('submit', async function(event) {
-            event.preventDefault();
-            const formData = new FormData(this);
-            try {
-                const response = await fetch('/process_image/', {
-                    method: 'POST',
-                    body: formData
-                });
-                const result = await response.blob();
-                const imageURL = URL.createObjectURL(result);
-                document.getElementById('resultContainer').innerHTML = `<img src="${imageURL}" alt="Result Image">`;
-            } catch (error) {
-                console.error('Error:', error);
-            }
         });
     </script>
 </head>
@@ -24,7 +26,7 @@
     <h1>Upload Image</h1>
     <form id="uploadForm" enctype="multipart/form-data">
         <input type="file" id="imageInput" name="file">
-        <input type="submit" value="Upload Image" onclick="uploadImage(event)">
     </form>
     <div id="resultContainer"></div>

 <head>
     <title>Face2Vintage</title>
     <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            document.getElementById('uploadForm').addEventListener('submit', async function(event) {
+                event.preventDefault();
+                const formData = new FormData(this);
+                try {
+                    const response = await fetch('/process_image/', {
+                        method: 'POST',
+                        body: formData
+                    });
+                    const result = await response.blob();
+                    const imageURL = URL.createObjectURL(result);
+                    document.getElementById('resultContainer').innerHTML = `<img src="${imageURL}" alt="Result Image">`;
+                } catch (error) {
+                    console.error('Error:', error);
+                }
+            });
         });
     </script>
 </head>
     <h1>Upload Image</h1>
     <form id="uploadForm" enctype="multipart/form-data">
         <input type="file" id="imageInput" name="file">
+        <input type="submit" value="Upload Image">
     </form>
     <div id="resultContainer"></div>