Update AB/index.html

AB/index.html

@@ -222,7 +222,7 @@ h1 {
     <h1>Aiconvert.online </h1>
       <form id="uploadForm" action="/upload/" method="post" enctype="multipart/form-data">
        <label for="sourceFile" class="uploadLabel">Choose image </label>
-<input type="file" id="sourceFile" name="image_file" accept="image/*" required onchange="previewImage(event, 'sourceImage')"><br>
+<input type="file" id="image_file" name="image_file" accept="image/*" required onchange="previewImage(event, 'sourceImage')"><br>
 <div id="sourceImageContainer">
     <img id="sourceImage">
 </div><br>
@@ -269,13 +269,13 @@ h1 {
         
         
         async function uploadFile() {
-            const sourceFileInput = document.getElementById('sourceFile');
+            const image_fileInput = document.getElementById('image_file');
            const resultContainer = document.getElementById('resultContainer');
 
  
 
   // Check if both source and destination file inputs are empty
-    if (!sourceFileInput.files[0] ) {
+    if (!image_file.files[0] ) {
         // Update the result container with the error message
         resultContainer.innerHTML = "<p>Please upload an image.</p>";
         return;
@@ -286,7 +286,7 @@ h1 {
 
           const formData = new FormData();
             const fileInput = document.querySelector('input[type="file"]');
-            formData.append('image_file', fileInput.files[0]);
+            formData.append('image_file', image_file.files[0]);
                
       try {
         // Display loading spinner