Update static/index.html

static/index.html

@@ -266,6 +266,7 @@ h1 {
 
         
     
+    
     async function swapFaces() {
         const form = document.getElementById('swapForm');
         const formData = new FormData(form);
@@ -284,14 +285,15 @@ h1 {
                 body: formData
             });
 
-            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 (response.ok) {
                 // If successful response, display the result image
                 const blob = await response.blob();
                 const imageUrl = URL.createObjectURL(blob);
                 resultContainer.innerHTML = `<img src="${imageUrl}" alt="Result Image" style="max-width: 100%;">`;
+            } else {
+                // If server error, display the error message
+                const errorMessage = await response.text();
+                resultContainer.innerHTML = `<p>Error: ${errorMessage}</p>`;
             }
 
             // Hide loading spinner after result (or error message) is displayed
@@ -305,6 +307,8 @@ h1 {
     }
 
 
+
+