Update static/index.html

static/index.html

@@ -333,9 +333,7 @@ input[type="number"]#best_max_flavors:focus {
         
     <img id="sourceImage">
 </div><br>
-  <label for="question" style="display: none;">Enter your question:</label>
-    <input type="text" id="Question" style="display: none;" value="describe" required>
-    <br>
+
         <button type="button" onclick="generateDescription()">Generate Description</button>
     </form>
      <div id="results">
@@ -352,8 +350,8 @@ input[type="number"]#best_max_flavors:focus {
     const uploadButton = document.querySelector('button');
 
     // Check if file size is larger than 500 KB
-    if (file.size > 4000 * 1024) {
-        sourceImageContainer.innerHTML = `<p style="color: white;">Please upload an image smaller than 4000 KB.</p>`;
+    if (file.size > 1000 * 1024) {
+        sourceImageContainer.innerHTML = `<p style="color: white;">Please upload an image smaller than 1000 KB.</p>`;
         uploadButton.disabled = true; // Disable the button
         return;
     }
@@ -370,9 +368,7 @@ input[type="number"]#best_max_flavors:focus {
         async function generateDescription() {
             var formData = new FormData();
             var fileInput = document.querySelector('input[type="file"]');
-             const QuestionInput = document.getElementById('Question');
-            formData.append("image", fileInput.files[0]);
-            formData.append("Question", QuestionInput.value);
+            formData.append("file", fileInput.files[0]);
   // Check if the file input is empty
     if (!fileInput.files[0]) {
         document.getElementById('resultContainer').innerHTML = `<p style="color: white ;">Please upload an image.</p>`;
@@ -388,7 +384,7 @@ input[type="number"]#best_max_flavors:focus {
     estimatedTime.style.display = 'block';
 
    try {
-        const response = await fetch('/upload/', {
+        const response = await fetch('/uploadfile/', {
             method: 'POST',
             body: formData
         });