test: input imgs

main.py

@@ -29,7 +29,7 @@ async def classify_doc(files: List[UploadFile] = File(...)):
             return {"message": "There was an error in uploading file(s)"}
         finally:
             file.file.close()
-    return {"message": f"Successfuly uploaded {[(file.filename+ " " + classify_res) for file in files]}"}
+    return {"message": f"Successfuly uploaded {[classify_res for file in files]}"}
 
 app.mount("/", StaticFiles(directory="static", html=True), name="static")
 

static/index.html

@@ -32,8 +32,8 @@
         </form>
       </section>
       <section>
-        <button id="img-gen-submit">Submit</button>
-        <p class="img-gen-output"></p>
+        <input id="img-input" type="file" multiple="multiple" accept="image/jpeg, image/png, image/jpg">
+        <output id="img-output"></output>
       </section>
     </main>
   </body>

static/script.js

@@ -20,11 +20,39 @@ textGenForm.addEventListener('submit', async (event) => {
   }
 });
 
-const imgGenSubmitBtn = document.querySelector('.img-gen-submit');
 
-// const getDocClass = async (text)
 
-imgGenSubmitBtn.addEventListener('onclick', async(event) => {
-  const imgGenInput = document.getElementById('img-gen-input');
-  imgGenInput.textContent = "aaa";
+
+
+
+
+
+
+
+
+
+
+
+function submitImages(acceptedFiles) {
+  const data = new FormData();
+
+  for (const file of acceptedFiles){
+    data.append('files[]', file, file.name);
+  }
+
+  classifyResponse = fetch('classify', 
+    method: 'POST',
+    body: data);
+
+  return classifyResponse;
+}
+
+const inputImg = document.querySelector('img-input');
+const outputImg = document.querySelector('img-output');
+let imageArray = [];
+
+input.addEventListener("change", event =>{
+  const files = event.target.files;
+  res = submitImages(files);
+  console.log(res)
 });