feat: working upload

main.py

@@ -21,18 +21,20 @@ def t5(input):
 #    async def classify_doc(file: UploadFile):
 #        return {"file_size": len(file)}
 
-@app.post("/classify/")
+@app.post("/classify")
 async def classify_doc(files: List[UploadFile] = File(...)):
     for file in files:
         try:
             contents = file.file.read()
-            classify_res = classify_acct_dtype_str(contents.stream)
-        except Exception:
+            classify_res = classify_acct_dtype_str(BytesIO(contents))
+        except Exception as err:
+            print(Exception, err)
             return {"message": "There was an error in uploading file(s)"}
         finally:
             file.file.close()
     return {"message": f"Successfuly uploaded {[classify_res for file in files]}"}
 
+
 app.mount("/", StaticFiles(directory="static", html=True), name="static")
 
 @app.get("/")

static/index.html

@@ -35,7 +35,7 @@
         <input id="img-input" type="file" multiple="multiple" accept="image/jpeg, image/png, image/jpg">
         <button id="classify-btn"></button>
         <p id="test-output"></p>
-        <output id="img-output"></output>
+        <p id="img-output">aaa</output>
       </section>
     </main>
   </body>

static/script.js

@@ -33,37 +33,34 @@ textGenForm.addEventListener('submit', async (event) => {
 
 
 
-function submitImages(acceptedFiles) {
-  const data = new FormData();
+async function submitImages(acceptedFiles) {
+  let formData = new FormData();
 
   for (const file of acceptedFiles){
-    data.append('files[]', file, file.name);
+    formData.append('files', file);
   }
 
-//  classifyResponse = fetch('classify', {
-//     method: 'POST',
-//    body: data
-//  });
-
-  return "aqa";
+ let classifyResponse = await fetch('classify', {
+    method: 'POST',
+   body: formData
+ });
+  console.log(classifyResponse);
+  return classifyResponse;
 }
 
-const inputImg = document.querySelector('.img-input');
-const outputImg = document.querySelector('.img-output');
+const inputImg = document.getElementById('img-input');
+const outputImg = document.getElementById('img-output');
 let imageArray = [];
 
-inputImg.addEventListener("change", event =>{
+inputImg.addEventListener("change", async event =>{
   const files = event.target.files;
-  res = "aaa"
-  res = submitImages(files);
-  console.log(res);
-
-  outputImg.textContent = "Result is: " + res;
+  console.log(files);
+  outputImg.innerText = "Result is: " + await submitImages(files);
 });
 
-const classifyBtn = document.querySelector('.classify-btn');
-const outputPar = document.querySelector('.test-output');
+const classifyBtn = document.getElementById('classify-btn');
+const outputPar = document.getElementById('test-output');
 
 classifyBtn.addEventListener('onclick', () => {
-  outputPar.textContent = "asa";
+  outputPar.innerText = "asa";
 });