From 86e97dd55ad7bd2d89e84060d2b78442fe3dbc4e Mon Sep 17 00:00:00 2001
From: Martin Quarda <martin@quarda.cz>
Date: Mon, 7 Oct 2024 07:26:08 +0200
Subject: [PATCH] hopefully workings uploads

---
 frontend/src/scripts/index.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/scripts/index.js b/frontend/src/scripts/index.js
index df54180..94058fc 100644
--- a/frontend/src/scripts/index.js
+++ b/frontend/src/scripts/index.js
@@ -15,6 +15,7 @@ class Main extends Component {
     constructor(props) {
         super(props);
         this.state = {
+            files: [],
             text: "",
             status: "",
             faq: false,
@@ -54,11 +55,18 @@ class Main extends Component {
     onHashChange(event){
         this.setState({page: window.location.hash})
     }
+    handleChange(event) {
+        this.setState({files: [...event.target.files]})
+    }
     onSubmit(event){
         event.preventDefault();
         let form = document.getElementById("form");
         let api_endpoint = form.action;
         let formData = new FormData(form);
+        this.state.files.forEach((file, _)=>{
+            formData.append(`${file.name}`, file);
+        })
+        formData
         fetch(addr_prefix + api_endpoint, {
             method:"POST",
             body: formData,
@@ -145,7 +153,7 @@ class Main extends Component {
     {this.state.page == "#upload_files" && 
     <div>
         <form id="form" action="/api/upload_files" class="container" onSubmit={(e) => this.onSubmit(e)}>
-            <label>Zvolte soubory <input type="file" accept=".jpg,.png,.webp,.webm,.avi,.mkv,.mp4" multiple="true" /></label>
+            <label>Zvolte soubory <input type="file" accept=".jpg,.png,.webp,.webm,.avi,.mkv,.mp4" multiple="true"  onChange={(e)=> this.handleChangeFiles(e)}/></label>
             <button type="submit" class="btn btn-primary">Nahrát</button>
         </form>
     </div>}