Mnddoke

Running

Ashrafb commited on Apr 20, 2024

Commit

63419ab

verified ·

1 Parent(s): 66b60c0

Update static/index.html

Files changed (1) hide show

static/index.html CHANGED Viewed

@@ -4,23 +4,18 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Image Captioning</title>
-    <style>
-        .result {
-            margin-top: 20px;
-        }
-    </style>
 </head>
 <body>
     <h1>Image Captioning</h1>
-    <form id="uploadForm" action="/uploadfile/" method="post" enctype="multipart/form-data">
         <label for="image">Upload Image:</label><br>
         <input type="file" id="image" name="image" accept="image/*"><br>
-        <label for="additional_context">Additional Context:</label><br>
-        <textarea id="additional_context" name="additional_context" rows="4" cols="50"></textarea><br>
         <button type="submit">Submit</button>
     </form>
-    <div id="result" class="result" style="display: none;">
         <h2>Result:</h2>
         <p id="caption"></p>
     </div>
@@ -30,7 +25,7 @@
             event.preventDefault();
             let formData = new FormData(this);
-            let response = await fetch('/uploadfile/', {
                 method: 'POST',
                 body: formData
             });

     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Image Captioning</title>
 </head>
 <body>
     <h1>Image Captioning</h1>
+    <form id="uploadForm" action="/predict/" method="post" enctype="multipart/form-data">
         <label for="image">Upload Image:</label><br>
         <input type="file" id="image" name="image" accept="image/*"><br>
+        <label for="question">Question:</label><br>
+        <input type="text" id="question" name="question"><br>
         <button type="submit">Submit</button>
     </form>
+    <div id="result">
         <h2>Result:</h2>
         <p id="caption"></p>
     </div>
             event.preventDefault();
             let formData = new FormData(this);
+            let response = await fetch('http://localhost:8000/predict/', {
                 method: 'POST',
                 body: formData
             });