ap

app.py

@@ -134,15 +134,15 @@ def process_certificate(image_path, cert_name):
 def home():
     if request.method == "POST":
         try:
+            print("POST request received")  # Debug print
             cert_name = "Affiliation Certificate"
             
-            # Debug print
-            print("File received in request:", request.files)
-            
             if 'certificate' not in request.files:
+                print("No file in request")  # Debug print
                 return render_template("index.html", error="No file part in the request")
             
             file = request.files['certificate']
+            print(f"File received: {file.filename}")  # Debug print
             
             if file.filename == '':
                 return render_template("index.html", error="No file selected")
@@ -174,8 +174,8 @@ def home():
                 return render_template("index.html", error=f"Error processing certificate: {str(e)}")
                 
         except Exception as e:
-            print(f"Error in file handling: {str(e)}")
-            return render_template("index.html", error=f"Error saving file: {str(e)}")
+            print(f"Error occurred: {str(e)}")  # Debug print
+            return render_template("index.html", error=f"Error processing request: {str(e)}")
 
     return render_template("index.html")
 

templates/index.html

@@ -296,9 +296,39 @@
             document.getElementById('file-name').textContent = fileName;
         });
 
-        // Show loading animation on form submit
-        document.getElementById('upload-form').addEventListener('submit', function() {
-            document.getElementById('loading').style.display = 'block';
+        // Handle form submission
+        document.getElementById('upload-form').addEventListener('submit', async function(e) {
+            e.preventDefault(); // Prevent default form submission
+            
+            const form = e.target;
+            const loadingElement = document.getElementById('loading');
+            
+            try {
+                // Show loading animation
+                loadingElement.style.display = 'block';
+                
+                // Create FormData object
+                const formData = new FormData(form);
+                
+                // Send POST request
+                const response = await fetch('/', {
+                    method: 'POST',
+                    body: formData
+                });
+                
+                // Get the response text
+                const result = await response.text();
+                
+                // Update the page content
+                document.body.innerHTML = result;
+                
+            } catch (error) {
+                console.error('Error:', error);
+                alert('An error occurred while processing the certificate. Please try again.');
+            } finally {
+                // Hide loading animation
+                loadingElement.style.display = 'none';
+            }
         });
     </script>
 </body>