Update static/index.html

static/index.html

@@ -265,6 +265,7 @@ h1 {
         }
 
         
+    
     async function swapFaces() {
         const form = document.getElementById('swapForm');
         const formData = new FormData(form);
@@ -274,7 +275,7 @@ h1 {
             const loadingSpinner = document.getElementById('loadingSpinner');
             loadingSpinner.style.display = 'block';
 
-            // Remove previous result image and error message
+            // Remove previous result image and message
             const resultContainer = document.getElementById('resultContainer');
             resultContainer.innerHTML = '';
 
@@ -283,20 +284,17 @@ h1 {
                 body: formData
             });
 
-            // Check if response is ok
-            if (response.ok) {
+            if (response.status === 400) {
+                // If Bad Request (e.g., no faces detected), display error message
+                resultContainer.innerHTML = '<p>No faces detected in the uploaded image.</p>';
+            } else {
+                // If successful response, display the result image
                 const blob = await response.blob();
                 const imageUrl = URL.createObjectURL(blob);
-                
-                // Display the result image
                 resultContainer.innerHTML = `<img src="${imageUrl}" alt="Result Image" style="max-width: 100%;">`;
-            } else {
-                // If response is not ok, display the error message
-                const errorMessage = await response.text();
-                resultContainer.innerText = errorMessage;
             }
 
-            // Hide loading spinner after result image or error message is displayed
+            // Hide loading spinner after result (or error message) is displayed
             loadingSpinner.style.display = 'none';
         } catch (error) {
             console.error('Error swapping faces:', error);
@@ -307,6 +305,9 @@ h1 {
     }
 
 
+    
+
+
     </script>
 </body>
 </html>