Update static/index.html

static/index.html

@@ -256,7 +256,7 @@ input[type="color"]:focus {
     loadingIndicator.style.display = 'inline'; // Show loading indicator
 
     try {
-        const response = await fetch('/process-image/', {
+        const response = await fetch('https://ashrafb-brcb2.hf.space/process-image/', {
             method: 'POST',
             body: formData
         });
@@ -266,10 +266,13 @@ input[type="color"]:focus {
         }
 
         const blob = await response.blob();
-        const originalImageDataUrl = URL.createObjectURL(blob);
+        originalImageDataUrl = URL.createObjectURL(blob); // Update originalImageDataUrl
         document.getElementById('outputImage').src = originalImageDataUrl;
         document.getElementById('outputImage').style.display = 'inline';
         loadingIndicator.style.display = 'none'; // Hide loading indicator once processing is complete
+        
+        // Call applyBackground function with the processed image data URL
+        applyBackground(originalImageDataUrl);
     } catch (error) {
         console.error('Error:', error);
         loadingIndicator.style.display = 'none'; // Hide loading indicator in case of error